@crystaldesign/diva-web-planner-react 24.9.0-beta.3 → 24.9.0-beta.30

package/build/esm/{index-fd1defa8.js → index-fd14964c.js}

@@ -187,13 +187,13 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
     value: function getNewPosNr(newPosNr, doMinus) {
       var isFirstTimeAlreadyDone = false;
       do {
-        var _this$getConfigStepBy2, _this$getConfigStepBy3, _this$getConfigStepBy4;
+        var _this$getConfigStepBy2, _this$getConfigStepBy3, _this$getConfigStepBy4, _this$getConfigStepBy5;
         if (isFirstTimeAlreadyDone) {
           this.visitTabGroup(newPosNr);
         }
         newPosNr = this.getPosNrNotInCurGroupedSteps(doMinus ? newPosNr - 1 : newPosNr + 1, doMinus);
         isFirstTimeAlreadyDone = true;
-      } while ((_this$getConfigStepBy2 = this.getConfigStepByPosNr(newPosNr)) !== null && _this$getConfigStepBy2 !== void 0 && _this$getConfigStepBy2.tabGroup.singleOPVOnly || ((_this$getConfigStepBy3 = this.getConfigStepByPosNr(newPosNr)) === null || _this$getConfigStepBy3 === void 0 ? void 0 : _this$getConfigStepBy3.optionStep.mergesToOPG) == true || (_this$getConfigStepBy4 = this.getConfigStepByPosNr(newPosNr)) !== null && _this$getConfigStepBy4 !== void 0 && _this$getConfigStepBy4.configStep.notDisplayedInMainConfigTree);
+      } while ((_this$getConfigStepBy2 = this.getConfigStepByPosNr(newPosNr)) !== null && _this$getConfigStepBy2 !== void 0 && _this$getConfigStepBy2.tabGroup.singleOPVOnly || ((_this$getConfigStepBy3 = this.getConfigStepByPosNr(newPosNr)) === null || _this$getConfigStepBy3 === void 0 ? void 0 : _this$getConfigStepBy3.optionStep.mergesToOPG) == true || (_this$getConfigStepBy4 = this.getConfigStepByPosNr(newPosNr)) !== null && _this$getConfigStepBy4 !== void 0 && _this$getConfigStepBy4.configStep.notDisplayedInMainConfigTree || (_this$getConfigStepBy5 = this.getConfigStepByPosNr(newPosNr)) !== null && _this$getConfigStepBy5 !== void 0 && _this$getConfigStepBy5.configStep.isDisabledByDiverseParentOption);
       return newPosNr;
     }
   }, {
@@ -201,7 +201,7 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
     value: function getPosNrNotInCurGroupedSteps(newPosNr, doMinus) {
       var newConfigStep = this.getConfigStepByPosNr(newPosNr);
       // from shelfSteps to not confuse the user when navigate never jump a step which was already visited. In bouth directions: back and forward
-      if (this.navigateStepByStep() || (newConfigStep === null || newConfigStep === void 0 ? void 0 : newConfigStep.optionStep.subTabGroup) !== this.curOption.subTabGroup || newConfigStep !== null && newConfigStep !== void 0 && newConfigStep.configStep.key.startsWith('SHELFARTICLE_') || this.curConfigStep.key.startsWith('SHELFARTICLE_')) return newPosNr;
+      if (this.navigateStepByStep() || (newConfigStep === null || newConfigStep === void 0 ? void 0 : newConfigStep.optionStep.subTabGroup) !== this.curOption.subTabGroup || newConfigStep !== null && newConfigStep !== void 0 && newConfigStep.configStep.key.startsWith('SHELFARTICLE_') && !(newConfigStep !== null && newConfigStep !== void 0 && newConfigStep.configStep.differentTabgroupType) || this.curConfigStep.key.startsWith('SHELFARTICLE_') && !(newConfigStep !== null && newConfigStep !== void 0 && newConfigStep.configStep.differentTabgroupType)) return newPosNr;
       if (newConfigStep && this.configStepIsInCurGroupedConfigSteps(newConfigStep.configStep.key)) {
         newPosNr = this.getPosNrNotInCurGroupedSteps(doMinus ? newPosNr - 1 : newPosNr + 1, doMinus);
       }
@@ -235,6 +235,12 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
         this.addTabGrousVisitedWithTargetArticlesAndOptions(tabGroupKey, targetArticles, options);
       }
     }
+  }, {
+    key: "configStepKeyIsActive",
+    value: function configStepKeyIsActive(key) {
+      if (this.curConfigStepKey == key) return true;
+      return this.configStepIsInCurGroupedConfigSteps(key);
+    }
   }, {
     key: "TabGrousVisitedWithTargetArticles",
     get: function get() {
@@ -243,8 +249,8 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
   }, {
     key: "addAllPreviousTabGroupsAsVisited",
     value: function addAllPreviousTabGroupsAsVisited(configStepKey) {
-      var _this$getConfigStepBy5;
-      var tabGroupKey = (_this$getConfigStepBy5 = this.getConfigStepByKey(configStepKey)) === null || _this$getConfigStepBy5 === void 0 ? void 0 : _this$getConfigStepBy5.tabGroup.key;
+      var _this$getConfigStepBy6;
+      var tabGroupKey = (_this$getConfigStepBy6 = this.getConfigStepByKey(configStepKey)) === null || _this$getConfigStepBy6 === void 0 ? void 0 : _this$getConfigStepBy6.tabGroup.key;
       if (!tabGroupKey) return;
       var allTabGroups = Object.keys(this.allTabGroups);
       for (var i = 0; i < allTabGroups.length; i++) {
@@ -292,10 +298,23 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
     key: "navigateToConfigStepByConfigStepKey",
     value: function navigateToConfigStepByConfigStepKey(configStepKey) {
       for (var iKey in this.configuratorSturucture) {
-        for (var jkey in this.configuratorSturucture[iKey].options) {
-          for (var mKey in this.configuratorSturucture[iKey].options[jkey].configSteps) {
-            if (this.configuratorSturucture[iKey].options[jkey].configSteps[mKey].key == configStepKey) {
-              this.setActStepByPosNr(this.configuratorSturucture[iKey].options[jkey].configSteps[mKey].posNr);
+        var tabgroup = this.configuratorSturucture[iKey];
+        for (var jkey in tabgroup.options) {
+          var optionStep = tabgroup.options[jkey];
+          for (var mKey in optionStep.configSteps) {
+            var configStep = optionStep.configSteps[mKey];
+            if (configStep.key == configStepKey) {
+              if (configStep.differentTabgroupType) {
+                var altenativeConfigStep = this.getFirstConfigStepByTabgroup(tabgroup.key);
+                var group = this.getConifgStepsToGroup(altenativeConfigStep.key);
+                if (altenativeConfigStep && group && group.find(function (c) {
+                  return c.key === configStepKey;
+                })) {
+                  this.setActStepByPosNr(altenativeConfigStep.posNr);
+                  return;
+                }
+              }
+              this.setActStepByPosNr(configStep.posNr);
             }
           }
         }
@@ -374,6 +393,13 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
       }
       return undefined;
     }
+  }, {
+    key: "getFirstConfigStepByTabgroup",
+    value: function getFirstConfigStepByTabgroup(tabGroup) {
+      var options = this.configuratorSturucture[tabGroup].options;
+      var configsteps = options[Object.keys(options)[0]].configSteps;
+      return configsteps[Object.keys(configsteps)[0]];
+    }
   }, {
     key: "setActStepByPosNr",
     value: function setActStepByPosNr(newActStepPosNr) {
@@ -483,7 +509,7 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "getConifgStepsToGroup",
-    value: function getConifgStepsToGroup(key) {
+    value: function getConifgStepsToGroup(key, dontSetState) {
       var ret = this.getConfigStepByKey(key);
       if (ret != null) {
         var tabGroup = ret.tabGroup;
@@ -506,7 +532,7 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
             if (myOption.mergesToOPG == undefined || myOption.mergesToOPG != true) {
               for (var lKey in optionsConfigSteps) {
                 var myConfigStep = optionsConfigSteps[lKey];
-                if (!myConfigStep.key.startsWith('SHELFARTICLE_') || configStep.key === myConfigStep.key) {
+                if (!myConfigStep.key.startsWith('SHELFARTICLE_') || !!myConfigStep.differentTabgroupType || configStep.key === myConfigStep.key) {
                   if (configStepKeyType == 'ALL' && myConfigStep.keyType == 'ALL') {
                     groupedConfigSteps.push(myConfigStep);
                   }
@@ -520,24 +546,26 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
             }
           }
         }
-        var option = this.actGroupedConfigSteps[0].option;
-        this.actGroupedConfigSteps = groupedConfigSteps;
-        if (this.curTabGroup.options[option]) {
-          //tabGroup didnt Change
-          for (var j = 0; j < this.actGroupedConfigSteps.length; j++) {
-            var doesAlreadyExist = false;
-            for (var i = 0; i < this.loadedConfigStepsOfActTabGroup.length; i++) {
-              if (this.actGroupedConfigSteps[j].key == this.loadedConfigStepsOfActTabGroup[i].key && this.actGroupedConfigSteps[j].posNr == this.loadedConfigStepsOfActTabGroup[i].posNr) {
-                doesAlreadyExist = true;
-                break;
+        if (!dontSetState) {
+          var option = this.actGroupedConfigSteps[0].option;
+          this.actGroupedConfigSteps = groupedConfigSteps;
+          if (this.curTabGroup.options[option]) {
+            //tabGroup didnt Change
+            for (var j = 0; j < this.actGroupedConfigSteps.length; j++) {
+              var doesAlreadyExist = false;
+              for (var i = 0; i < this.loadedConfigStepsOfActTabGroup.length; i++) {
+                if (this.actGroupedConfigSteps[j].key == this.loadedConfigStepsOfActTabGroup[i].key && this.actGroupedConfigSteps[j].posNr == this.loadedConfigStepsOfActTabGroup[i].posNr) {
+                  doesAlreadyExist = true;
+                  break;
+                }
+              }
+              if (!doesAlreadyExist) {
+                this.loadedConfigStepsOfActTabGroup.push(this.actGroupedConfigSteps[j]);
               }
             }
-            if (!doesAlreadyExist) {
-              this.loadedConfigStepsOfActTabGroup.push(this.actGroupedConfigSteps[j]);
-            }
+          } else {
+            this.loadedConfigStepsOfActTabGroup = this.actGroupedConfigSteps;
           }
-        } else {
-          this.loadedConfigStepsOfActTabGroup = this.actGroupedConfigSteps;
         }
         return groupedConfigSteps;
       }
@@ -779,12 +807,12 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
         lastTabGroup = this.allTabGroups[key];
       }
       if (lastTabGroup) {
-        var _this$getConfigStepBy6;
+        var _this$getConfigStepBy7;
         var configSteps = this.getConfigStepsOfTabGroup(lastTabGroup);
         var posNr = configSteps.reduce(function (last, step) {
           return last = last > step.posNr ? last : step.posNr;
         }, 0);
-        return (_this$getConfigStepBy6 = this.getConfigStepByPosNr(posNr)) === null || _this$getConfigStepBy6 === void 0 ? void 0 : _this$getConfigStepBy6.configStep;
+        return (_this$getConfigStepBy7 = this.getConfigStepByPosNr(posNr)) === null || _this$getConfigStepBy7 === void 0 ? void 0 : _this$getConfigStepBy7.configStep;
       }
       return undefined;
     }
@@ -812,6 +840,20 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
       }
       return configStepsOnTargetArticle;
     }
+  }, {
+    key: "visitedOptions",
+    get: function get() {
+      var visitedOptions = {};
+      for (var key in this.TabGrousVisitedWithTargetArticles) {
+        var tabGroup = this.TabGrousVisitedWithTargetArticles[key];
+        for (var basketId in tabGroup) {
+          if (!visitedOptions[basketId]) visitedOptions[basketId] = [];
+          visitedOptions[basketId].push(key);
+          visitedOptions[basketId] = visitedOptions[basketId].concat(tabGroup[basketId]);
+        }
+      }
+      return visitedOptions;
+    }
   }, {
     key: "checkIfAnyConfigStepHasWarning",
     value: function checkIfAnyConfigStepHasWarning() {
@@ -831,8 +873,8 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PlannerPalette$1 = /*#__PURE__*/function () {
   // selected element to filter for is saved here when the planner hast no yet got all the elements to filter
   function PlannerPalette(settingsState, uiState) {
@@ -869,8 +911,8 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
     key: "setCatalogPlannerStep",
     value: function setCatalogPlannerStep(plannerStep) {
       this.plannerStep = plannerStep;
-      var plannerFilter = _objectSpread$8({}, this.settingsState.plannerFilter);
-      var dockFilter = _objectSpread$8({}, plannerFilter.dockFilter);
+      var plannerFilter = _objectSpread$9({}, this.settingsState.plannerFilter);
+      var dockFilter = _objectSpread$9({}, plannerFilter.dockFilter);
       plannerFilter.curFilteredTypes = this.plannerStep.filterType;
       this.startFilterType = plannerStep.startFilter;
       for (var key in plannerFilter.curFilteredTypes) {
@@ -889,7 +931,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
         }
       }
       this.allCatalogPlannerArticleItems = itemsArr;
-      this.settingsState.updatePlannerFilter(_objectSpread$8(_objectSpread$8({}, plannerFilter), {}, {
+      this.settingsState.updatePlannerFilter(_objectSpread$9(_objectSpread$9({}, plannerFilter), {}, {
         dockFilter: dockFilter
       }));
     }
@@ -962,7 +1004,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
     key: "updateSearchFreeText",
     value: function updateSearchFreeText(searchText) {
       this.clearFilters(true);
-      this.settingsState.updatePlannerFilter(_objectSpread$8(_objectSpread$8({}, this.settingsState.plannerFilter), {}, {
+      this.settingsState.updatePlannerFilter(_objectSpread$9(_objectSpread$9({}, this.settingsState.plannerFilter), {}, {
         searchText: searchText
       }));
       if (searchText != '') {
@@ -972,16 +1014,16 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
   }, {
     key: "changeDockFilter",
     value: function changeDockFilter(filter) {
-      this.settingsState.updatePlannerFilter(_objectSpread$8(_objectSpread$8({}, this.settingsState.plannerFilter), {}, {
-        dockFilter: _objectSpread$8(_objectSpread$8({}, this.settingsState.plannerFilter.dockFilter), {}, _defineProperty({}, filter, !this.settingsState.plannerFilter.dockFilter[filter]))
+      this.settingsState.updatePlannerFilter(_objectSpread$9(_objectSpread$9({}, this.settingsState.plannerFilter), {}, {
+        dockFilter: _objectSpread$9(_objectSpread$9({}, this.settingsState.plannerFilter.dockFilter), {}, _defineProperty({}, filter, !this.settingsState.plannerFilter.dockFilter[filter]))
       }));
       this.clearFilters(false);
     }
   }, {
     key: "setFilter",
     value: function setFilter(filter, newValue) {
-      this.settingsState.updatePlannerFilter(_objectSpread$8(_objectSpread$8({}, this.settingsState.plannerFilter), {}, {
-        dockFilter: _objectSpread$8(_objectSpread$8({}, this.settingsState.plannerFilter.dockFilter), {}, _defineProperty({}, filter, newValue))
+      this.settingsState.updatePlannerFilter(_objectSpread$9(_objectSpread$9({}, this.settingsState.plannerFilter), {}, {
+        dockFilter: _objectSpread$9(_objectSpread$9({}, this.settingsState.plannerFilter.dockFilter), {}, _defineProperty({}, filter, newValue))
       }));
     }
 
@@ -1004,7 +1046,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
         var _this$allCatalogPlann;
         if (!((_this$allCatalogPlann = this.allCatalogPlannerArticleItems) !== null && _this$allCatalogPlann !== void 0 && _this$allCatalogPlann.length) && plannerElements.length) this.selectedElementOnInit = plannerElements;
         this.elementIsSelected = false;
-        this.settingsState.updatePlannerFilter(_objectSpread$8(_objectSpread$8({}, this.settingsState.plannerFilter), {}, {
+        this.settingsState.updatePlannerFilter(_objectSpread$9(_objectSpread$9({}, this.settingsState.plannerFilter), {}, {
           validArticleIdsBySelectedElement: undefined,
           validArticleToReplaceSelectedElement: undefined
         }));
@@ -1020,7 +1062,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
         var articleIds = this.getArticleIdsOfAddPlannerElement(plannerElement, dp);
         var articleIdsToReplace = this.getArticleIdsOfSwitchPlannerElement(plannerElement, dp);
         if (articleIds.length == 0) {
-          this.settingsState.updatePlannerFilter(_objectSpread$8(_objectSpread$8({}, this.settingsState.plannerFilter), {}, {
+          this.settingsState.updatePlannerFilter(_objectSpread$9(_objectSpread$9({}, this.settingsState.plannerFilter), {}, {
             validArticleIdsBySelectedElement: undefined,
             validArticleToReplaceSelectedElement: articleIdsToReplace
           }));
@@ -1030,7 +1072,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
             this.setFilter(filterType, true);
           }
         } else {
-          this.settingsState.updatePlannerFilter(_objectSpread$8(_objectSpread$8({}, this.settingsState.plannerFilter), {}, {
+          this.settingsState.updatePlannerFilter(_objectSpread$9(_objectSpread$9({}, this.settingsState.plannerFilter), {}, {
             validArticleIdsBySelectedElement: articleIds,
             validArticleToReplaceSelectedElement: articleIdsToReplace
           }));
@@ -1187,8 +1229,8 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
       var plannerFilter = this.settingsState.plannerFilter;
       if (doClearDockFilter) {
         for (var key in this.settingsState.plannerFilter.dockFilter) {
-          this.settingsState.updatePlannerFilter(_objectSpread$8(_objectSpread$8({}, plannerFilter), {}, {
-            dockFilter: _objectSpread$8(_objectSpread$8({}, plannerFilter.dockFilter), {}, _defineProperty({}, key, false))
+          this.settingsState.updatePlannerFilter(_objectSpread$9(_objectSpread$9({}, plannerFilter), {}, {
+            dockFilter: _objectSpread$9(_objectSpread$9({}, plannerFilter.dockFilter), {}, _defineProperty({}, key, false))
           }));
         }
       }
@@ -1561,6 +1603,8 @@ var PlannerPalette = /*#__PURE__*/function () {
   }]);
 }();
 
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$8 = getLogger('Planner', 'VisitStepsHandler');
 var VisitStepsHandler = /*#__PURE__*/function () {
   function VisitStepsHandler(configuratorStructureHandler, settingsState, getState, defineArticlesOnOptions) {
@@ -1603,8 +1647,10 @@ var VisitStepsHandler = /*#__PURE__*/function () {
                 var settingsscrollerHeight = (_this$settingsState$s3 = (_this$settingsState$s4 = _this.settingsState.settingsScrollerElement) === null || _this$settingsState$s4 === void 0 ? void 0 : _this$settingsState$s4.getBoundingClientRect().height) !== null && _this$settingsState$s3 !== void 0 ? _this$settingsState$s3 : 0;
                 var settingsHeaderHeight = (_this$settingsState$s5 = (_this$settingsState$s6 = _this.settingsState.settingsHeaderElement) === null || _this$settingsState$s6 === void 0 ? void 0 : _this$settingsState$s6.getBoundingClientRect().height) !== null && _this$settingsState$s5 !== void 0 ? _this$settingsState$s5 : 0;
                 if (position + 70 + 30 /* 30 px extra so you are forced to see at least a little bit of the first option */ < settingsscrollerHeight + settingsHeaderHeight) {
-                  item.isVisited = true;
-                  if (_this.wereAllStepsVisited() == true) {
+                  _this.settingsState.itemPalettes.set(item.id, _objectSpread$8(_objectSpread$8({}, item), {}, {
+                    isVisited: true
+                  }));
+                  if (_this.wereAllStepsVisited()) {
                     //all steps were Visited -> Tabgroup Visited
                     var allArticleOfTabGroup = _this.configuratorStructureHandler.getTargetArticleOfCurConfigStepArr();
                     var options = _this.settingsState.itemPaletteArr.map(function (item) {
@@ -1721,6 +1767,7 @@ var ShelfItem = /*#__PURE__*/function () {
     _classCallCheck(this, ShelfItem);
     _defineProperty(this, "shelfAccessoiresItems", []);
     _defineProperty(this, "grids", void 0);
+    _defineProperty(this, "currentPaletteId", 1);
   }
   return _createClass(ShelfItem, [{
     key: "AccItems",
@@ -1768,7 +1815,7 @@ function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$7 = 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) {
+  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, actions) {
     var _this = this;
     _classCallCheck(this, PaletteViewHandler);
     _defineProperty(this, "settingsState", void 0);
@@ -1828,6 +1875,8 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     _defineProperty(this, "defineOptions", void 0);
     _defineProperty(this, "onClickConfiguratorSettingsForth", void 0);
     _defineProperty(this, "getPlanningIsInCompleteOrEmpty", void 0);
+    _defineProperty(this, "checkNotificationRules", void 0);
+    _defineProperty(this, "actions", void 0);
     /**
      * This function is called when a element should be copied.
      * @param  setId the setId the element to copy belongs too
@@ -1965,6 +2014,8 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     this.changeOnFavoritesLogic = changeOnFavorites;
     this.onClickConfiguratorSettingsForth = onClickConfiguratorSettingsForth;
     this.getPlanningIsInCompleteOrEmpty = getPlanningIsInCompleteOrEmpty;
+    this.checkNotificationRules = checkNotificationRules;
+    this.actions = actions;
   }
 
   //clicked Element gets identifyed and addPlannerElement is called
@@ -2292,21 +2343,38 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     key: "selectShelfAccessorie",
     value: function () {
       var _selectShelfAccessorie = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(articleCodex, basketId) {
-        var grids;
+        var grids, _grids$find, accessoire, stepOfAccessoire;
         return _regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
               grids = this.shelfItem.Grids;
               if (!(grids !== null && grids !== void 0 && grids.length)) {
-                _context10.next = 4;
+                _context10.next = 11;
                 break;
               }
-              _context10.next = 4;
-              return this.clickedOnShelfAccessorie(grids, articleCodex);
-            case 4:
+              if (!basketId) {
+                _context10.next = 9;
+                break;
+              }
+              accessoire = (_grids$find = grids.find(function (g) {
+                return g.getAccessoireByBasketId(basketId);
+              })) === null || _grids$find === void 0 ? void 0 : _grids$find.getAccessoireByBasketId(basketId);
+              stepOfAccessoire = accessoire === null || accessoire === void 0 ? void 0 : accessoire.relatedToConfigStep;
+              if (!(stepOfAccessoire && !this.configuratorStructureHandler.configStepKeyIsActive(stepOfAccessoire))) {
+                _context10.next = 9;
+                break;
+              }
+              this.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(stepOfAccessoire);
+              //TODO after navigation select the accessorie again
+              this.updateCurPaletteData(true);
+              return _context10.abrupt("return");
+            case 9:
+              _context10.next = 11;
+              return this.clickedOnShelfAccessorie(grids, articleCodex, basketId);
+            case 11:
               this.settingsState.setSelectedShelfAccessoire(basketId);
-              if (basketId) this.updateCurPaletteData(true);
-            case 6:
+              this.updateCurPaletteData(true);
+            case 13:
             case "end":
               return _context10.stop();
           }
@@ -2320,39 +2388,26 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "clickedOnShelfAccessorie",
     value: function () {
-      var _clickedOnShelfAccessorie = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(grids, itemCodex) {
-        var _this$settingsState$f;
-        var targetArticles, somethingChanged;
+      var _clickedOnShelfAccessorie = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(grids, itemCodex, basketId) {
+        var _this$settingsState$i;
+        var targetArticles, configStepKey;
         return _regeneratorRuntime.wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
             case 0:
               targetArticles = grids.map(function (g) {
                 return g.basketId;
               });
-              somethingChanged = this.selectShelfAccArticle(grids[0].gridGroup, targetArticles, this.configuratorStructureHandler.curConfigStepKey, itemCodex);
-              if (!(itemCodex === undefined)) {
-                _context11.next = 6;
-                break;
-              }
-              this.settingsState.setFreePlacesOnGrids([]);
-              _context11.next = 9;
-              break;
-            case 6:
-              if (!(((_this$settingsState$f = this.settingsState.freePlacesOnGrids) === null || _this$settingsState$f === void 0 || (_this$settingsState$f = _this$settingsState$f[0]) === null || _this$settingsState$f === void 0 ? void 0 : _this$settingsState$f.articleCodex) !== itemCodex || somethingChanged)) {
-                _context11.next = 9;
-                break;
-              }
-              _context11.next = 9;
-              return this.updateFreePlacesOnGrids(grids[0].gridGroup);
-            case 9:
+              configStepKey = (_this$settingsState$i = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i === void 0 ? void 0 : _this$settingsState$i.configStepKey;
+              this.selectShelfAccArticle(configStepKey !== null && configStepKey !== void 0 ? configStepKey : this.configuratorStructureHandler.curConfigStepKey, targetArticles, itemCodex);
+              if (itemCodex === undefined) this.settingsState.setFreePlacesOnGrids([]);
               if (this.productState.shelfPlannerRTV) this.productState.onChangePlannerView('RTV');
-            case 10:
+            case 5:
             case "end":
               return _context11.stop();
           }
         }, _callee11, this);
       }));
-      function clickedOnShelfAccessorie(_x22, _x23) {
+      function clickedOnShelfAccessorie(_x22, _x23, _x24) {
         return _clickedOnShelfAccessorie.apply(this, arguments);
       }
       return clickedOnShelfAccessorie;
@@ -2360,8 +2415,8 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "updateFreePlacesOnGrids",
     value: function () {
-      var _updateFreePlacesOnGrids = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(shelfId) {
-        var _yield$this$getFreePl, freeShelfGrids, plannedShelfGrids, noFreeSpace, _this$shelfItem, _this$shelfItem$getAl, _this$uiState$i18nIns, _this$uiState$i18nIns2, selectedAcc, selectedShelAccessoire, msg;
+      var _updateFreePlacesOnGrids = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(shelfId, from) {
+        var _yield$this$getFreePl, freeShelfGrids, noFreeSpace, _this$shelfItem, _this$shelfItem$getAl, _this$uiState$i18nIns, _this$uiState$i18nIns2, selectedAcc, selectedShelAccessoire, msg;
         return _regeneratorRuntime.wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
             case 0:
@@ -2372,11 +2427,10 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               return _context12.abrupt("return");
             case 2:
               _context12.next = 4;
-              return this.getFreePlacesOnGrids(shelfId);
+              return this.getFreePlacesOnGrids(shelfId, from);
             case 4:
               _yield$this$getFreePl = _context12.sent;
               freeShelfGrids = _yield$this$getFreePl.freeShelfGrids;
-              plannedShelfGrids = _yield$this$getFreePl.plannedShelfGrids;
               noFreeSpace = freeShelfGrids && !freeShelfGrids.find(function (a) {
                 return Object.values(a.grids).find(function (g) {
                   return g.freeCells.length > 0;
@@ -2396,14 +2450,15 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               } else {
                 this.updatePlannerMsgContainer('SHELFPLANNER_MSG', false, 'INFO', '', false);
               }
-              if (freeShelfGrids || !this.settingsState.plannedPlacesOnGrids && plannedShelfGrids) this.settingsState.setGridsData(freeShelfGrids, plannedShelfGrids);
-            case 10:
+              //if (freeShelfGrids || (!this.settingsState.plannedPlacesOnGrids && plannedShelfGrids))
+              //this.settingsState.setGridsData(freeShelfGrids, plannedShelfGrids);
+            case 8:
             case "end":
               return _context12.stop();
           }
         }, _callee12, this);
       }));
-      function updateFreePlacesOnGrids(_x24) {
+      function updateFreePlacesOnGrids(_x25, _x26) {
         return _updateFreePlacesOnGrids.apply(this, arguments);
       }
       return updateFreePlacesOnGrids;
@@ -2412,17 +2467,16 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     key: "clickedOnConfigPalette",
     value: function () {
       var _clickedOnConfigPalette = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(item, from, paletteId) {
-        var _item$ocd, _palette$configStepKe, _palette$configAllMod;
-        var op, codex, palette, configStepKey, myValues, targetArticles, groupValCodex, groupOptionCodex;
+        var _item$ocd,
+          _palette$configStepKe,
+          _palette$configAllMod,
+          _this2 = this;
+        var op, codex, palette, configStepKey, myValues, targetArticles, notifications, _this$configuratorStr, groupValCodex, groupOptionCodex;
         return _regeneratorRuntime.wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              if (item.disabledByConstructionRule) this.updatePlannerMsgContainer('DISABLED_BY_CONSTRUCTION', true, 'INFO', item.disabledByConstructionRule, true);
               op = (item.parentOptionCodex ? item.parentOptionCodex + '.' : '') + item.op;
               codex = (_item$ocd = item.ocd) !== null && _item$ocd !== void 0 ? _item$ocd : item.codex;
-              if (item.contentItemId || this.settingsState.conetentItemOfOPVOpen) {
-                this.settingsState.setContentItemId(item.contentItemId, true);
-              }
               palette = paletteId ? this.settingsState.itemPalettes.get(paletteId) : undefined;
               configStepKey = (_palette$configStepKe = palette === null || palette === void 0 ? void 0 : palette.configStepKey) !== null && _palette$configStepKe !== void 0 ? _palette$configStepKe : this.configuratorStructureHandler.curConfigStepKey;
               myValues = {};
@@ -2431,15 +2485,45 @@ var PaletteViewHandler = /*#__PURE__*/function () {
 
               //show freeText Dialog
               if (!(!!item.isFreeText && from != 'inputbox')) {
-                _context13.next = 12;
+                _context13.next = 10;
                 break;
               }
               this.settingsState.updateInputBoxValues(true, item);
               return _context13.abrupt("return");
-            case 12:
+            case 10:
+              if (!(from !== 'notification')) {
+                _context13.next = 15;
+                break;
+              }
+              notifications = this.checkNotificationRules(targetArticles, this.configuratorStructureHandler.visitedOptions, {
+                type: 'config',
+                data: {
+                  optionCodex: op,
+                  optionValueCodex: codex
+                }
+              });
+              if (!(notifications !== null && notifications !== void 0 && notifications.length)) {
+                _context13.next = 15;
+                break;
+              }
+              this.manageNotifications(notifications, function () {
+                _this2.clickedOnConfigPalette(item, 'notification', paletteId);
+              });
+              return _context13.abrupt("return");
+            case 15:
+              if (!item.disabledByConstructionRule) {
+                _context13.next = 18;
+                break;
+              }
+              this.updatePlannerMsgContainer('DISABLED_BY_CONSTRUCTION', true, 'INFO', item.disabledByConstructionRule, true);
+              return _context13.abrupt("return");
+            case 18:
+              if (item.contentItemId || this.settingsState.conetentItemOfOPVOpen) {
+                this.settingsState.setContentItemId(item.contentItemId, true, item.codex);
+              }
               if (item.isMultiSelect) codex = this.handleMultiselectCodex(codex, item, palette);
               if (!(op && targetArticles)) {
-                _context13.next = 22;
+                _context13.next = 29;
                 break;
               }
               myValues[op] = codex;
@@ -2456,27 +2540,69 @@ var PaletteViewHandler = /*#__PURE__*/function () {
                   myValues[groupOptionCodex] = groupValCodex;
                 }
               }
-              _context13.next = 19;
+              _context13.next = 26;
               return this.doConfigureLogic(myValues, targetArticles);
-            case 19:
+            case 26:
               this.doDefineOptions(myValues, targetArticles);
-              if (!item.isMultiSelect && this.uiState.ViewConfig.navigateOnClick) {
+              if (!item.isMultiSelect && this.uiState.ViewConfig.navigateOnClick && !((_this$configuratorStr = this.configuratorStructureHandler.CurConfigStep.optionstate) !== null && _this$configuratorStr !== void 0 && _this$configuratorStr.isDifferentOption)) {
                 this.onClickConfiguratorSettingsForth();
               } else {
                 this.updateCurPaletteData(false, configStepKey);
               }
               this.settingsState.ConfigDidChange();
-            case 22:
+            case 29:
             case "end":
               return _context13.stop();
           }
         }, _callee13, this);
       }));
-      function clickedOnConfigPalette(_x25, _x26, _x27) {
+      function clickedOnConfigPalette(_x27, _x28, _x29) {
         return _clickedOnConfigPalette.apply(this, arguments);
       }
       return clickedOnConfigPalette;
     }()
+  }, {
+    key: "manageNotifications",
+    value: function manageNotifications(notifications, _callback) {
+      var _this3 = this;
+      var _loop = function _loop() {
+          var _this3$uiState$i18nIn;
+          var note = notifications[i];
+          var lang = (_this3$uiState$i18nIn = _this3.uiState.i18nInstance) === null || _this3$uiState$i18nIn === void 0 ? void 0 : _this3$uiState$i18nIn.language;
+          if (note.type === 'notification' && note.onlyShowOnce) {
+            if (_this3.settingsState.notificationsShown.includes(note.index)) {
+              _callback();
+              return 0; // continue
+            }
+          }
+          if (note.type === 'notification' && !note.showInModal) {
+            _this3.updatePlannerMsgContainer('DISABLED_BY_CONSTRUCTION', true, 'INFO', note.message[lang === null || lang === void 0 ? void 0 : lang.toUpperCase()], true);
+            _this3.settingsState.notificationsShown.push(note.index);
+          } else {
+            var _this3$actions, _note$messageTitle;
+            (_this3$actions = _this3.actions) === null || _this3$actions === void 0 || _this3$actions.openModal({
+              accept: true,
+              callback: function callback(accepted) {
+                if (accepted) {
+                  _callback();
+                  _this3.settingsState.notificationsShown.push(note.index);
+                }
+              },
+              text: note.message[lang === null || lang === void 0 ? void 0 : lang.toUpperCase()],
+              title: (_note$messageTitle = note.messageTitle) === null || _note$messageTitle === void 0 ? void 0 : _note$messageTitle[lang === null || lang === void 0 ? void 0 : lang.toUpperCase()],
+              reject: true,
+              rejectByIcon: true
+            });
+          }
+          return 1; // break
+        },
+        _ret;
+      for (var i = 0; i < notifications.length; i++) {
+        _ret = _loop();
+        if (_ret === 0) continue;
+        if (_ret === 1) break;
+      }
+    }
   }, {
     key: "handleMultiselectCodex",
     value: function handleMultiselectCodex(codex, item, palette) {
@@ -2533,7 +2659,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           }
         }, _callee14, this);
       }));
-      function onFreeTextLangChanged(_x28, _x29, _x30, _x31) {
+      function onFreeTextLangChanged(_x30, _x31, _x32, _x33) {
         return _onFreeTextLangChanged.apply(this, arguments);
       }
       return onFreeTextLangChanged;
@@ -2566,7 +2692,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           }
         }, _callee15, this);
       }));
-      function changeOnCheckoutConfig(_x32) {
+      function changeOnCheckoutConfig(_x34) {
         return _changeOnCheckoutConfig.apply(this, arguments);
       }
       return changeOnCheckoutConfig;
@@ -2598,7 +2724,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           }
         }, _callee16, this);
       }));
-      function onRangeClickChange(_x33, _x34, _x35, _x36) {
+      function onRangeClickChange(_x35, _x36, _x37, _x38) {
         return _onRangeClickChange.apply(this, arguments);
       }
       return onRangeClickChange;
@@ -2632,7 +2758,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           }
         }, _callee17, this);
       }));
-      function clickedOnFavIcon(_x37) {
+      function clickedOnFavIcon(_x39) {
         return _clickedOnFavIcon.apply(this, arguments);
       }
       return clickedOnFavIcon;
@@ -2657,7 +2783,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           }
         }, _callee18, this);
       }));
-      function clickedOnSummaryPalette(_x38) {
+      function clickedOnSummaryPalette(_x40) {
         return _clickedOnSummaryPalette.apply(this, arguments);
       }
       return clickedOnSummaryPalette;
@@ -2684,7 +2810,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           }
         }, _callee19, this);
       }));
-      function clickedOnStaticRoomPalette(_x39, _x40) {
+      function clickedOnStaticRoomPalette(_x41, _x42) {
         return _clickedOnStaticRoomPalette.apply(this, arguments);
       }
       return clickedOnStaticRoomPalette;
@@ -2713,7 +2839,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           }
         }, _callee20, this);
       }));
-      function clickedOnStaticVPPalette(_x41, _x42) {
+      function clickedOnStaticVPPalette(_x43, _x44) {
         return _clickedOnStaticVPPalette.apply(this, arguments);
       }
       return clickedOnStaticVPPalette;
@@ -2723,7 +2849,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     value: function () {
       var _clickAddAccessorieOnShelfPlanner = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21(grid, cellIndex) {
         var _this$uiState$i18nIns4, _this$uiState$i18nIns5, _this$uiState$i18nIns6, _this$uiState$i18nIns7, _this$uiState$i18nIns8, _this$uiState$i18nIns9, _this$uiState$i18nIns10;
-        var selCell, ret, _this$uiState$i18nIns3, msg, count, cellsMsg, i, articleNames, _i;
+        var selCell, ret, _this$settingsState$i2, _this$settingsState$i3, _this$uiState$i18nIns3, msg, count, cellsMsg, i, articleNames, _i;
         return _regeneratorRuntime.wrap(function _callee21$(_context21) {
           while (1) switch (_context21.prev = _context21.next) {
             case 0:
@@ -2734,7 +2860,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
                 break;
               }
               _context21.next = 5;
-              return this.addAccessorieOnShelfPlanner(grid.ShelfIndex, cellIndex, grid.basketId, this.configuratorStructureHandler.curConfigStepKey);
+              return this.addAccessorieOnShelfPlanner(this.shelfItem.currentPaletteId, grid.ShelfIndex, cellIndex, grid.basketId, (_this$settingsState$i2 = (_this$settingsState$i3 = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i3 === void 0 ? void 0 : _this$settingsState$i3.configStepKey) !== null && _this$settingsState$i2 !== void 0 ? _this$settingsState$i2 : this.configuratorStructureHandler.curConfigStepKey);
             case 5:
               ret = _context21.sent;
               this.settingsState.ConfigDidChange();
@@ -2790,14 +2916,14 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               this.updatePlannerMsgContainer('SHELFPLANNER_MSG', true, 'WARNING', ((_this$uiState$i18nIns10 = this.uiState.i18nInstance) === null || _this$uiState$i18nIns10 === void 0 ? void 0 : _this$uiState$i18nIns10.t('configurator.NOT_ALLOWED_BY_ON_ACCESSOIRE_RULE')) + articleNames, true);
               return _context21.abrupt("break", 33);
             case 33:
-              this.updateFreePlacesOnGrids(grid.gridGroup);
+              this.updateFreePlacesOnGrids(grid.gridGroup, 'click add accessorie');
             case 34:
             case "end":
               return _context21.stop();
           }
         }, _callee21, this);
       }));
-      function clickAddAccessorieOnShelfPlanner(_x43, _x44) {
+      function clickAddAccessorieOnShelfPlanner(_x45, _x46) {
         return _clickAddAccessorieOnShelfPlanner.apply(this, arguments);
       }
       return clickAddAccessorieOnShelfPlanner;
@@ -2805,29 +2931,30 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "addAccessorieOnShelfPlannerView",
     value: function () {
-      var _addAccessorieOnShelfPlannerView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22(gridIndex, cellIndex, parentBasketId, configStepKey) {
-        var result;
+      var _addAccessorieOnShelfPlannerView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22(gridIndex, cellIndex, parentBasketId) {
+        var _this$settingsState$i4, _this$settingsState$i5;
+        var configStepKey, result;
         return _regeneratorRuntime.wrap(function _callee22$(_context22) {
           while (1) switch (_context22.prev = _context22.next) {
             case 0:
-              _context22.next = 2;
-              return this.addAccessorieOnShelfPlanner(gridIndex, cellIndex, parentBasketId, configStepKey);
-            case 2:
+              configStepKey = (_this$settingsState$i4 = (_this$settingsState$i5 = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i5 === void 0 ? void 0 : _this$settingsState$i5.configStepKey) !== null && _this$settingsState$i4 !== void 0 ? _this$settingsState$i4 : this.configuratorStructureHandler.curConfigStepKey;
+              _context22.next = 3;
+              return this.addAccessorieOnShelfPlanner(this.shelfItem.currentPaletteId, gridIndex, cellIndex, parentBasketId, configStepKey);
+            case 3:
               result = _context22.sent;
               if (result !== false && result.accessoire) {
                 this.settingsState.setSelectedShelfAccessoire(result.accessoire.basketId);
-                this.updateCurPaletteData(true);
               } else {
-                if (this.shelfItem.Grids) this.updateFreePlacesOnGrids(this.shelfItem.Grids[0].gridGroup);
+                if (this.shelfItem.Grids) this.updateFreePlacesOnGrids(configStepKey, 'add accessoire');
               }
               this.settingsState.ConfigDidChange();
-            case 5:
+            case 6:
             case "end":
               return _context22.stop();
           }
         }, _callee22, this);
       }));
-      function addAccessorieOnShelfPlannerView(_x45, _x46, _x47, _x48) {
+      function addAccessorieOnShelfPlannerView(_x47, _x48, _x49) {
         return _addAccessorieOnShelfPlannerView.apply(this, arguments);
       }
       return addAccessorieOnShelfPlannerView;
@@ -2835,20 +2962,22 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessorieOnShelfPlannerView",
     value: function () {
-      var _deleteAccessorieOnShelfPlannerView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23(gridIndex, cellIndex, parentBasketId, configStepKey) {
+      var _deleteAccessorieOnShelfPlannerView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23(gridIndex, cellIndex, parentBasketId) {
+        var _this$settingsState$i6, _this$settingsState$i7;
+        var configStepKey;
         return _regeneratorRuntime.wrap(function _callee23$(_context23) {
           while (1) switch (_context23.prev = _context23.next) {
             case 0:
-              _context23.next = 2;
-              return this.deleteAccessorieOnShelfPlanner(gridIndex, cellIndex, parentBasketId, configStepKey);
-            case 2:
+              configStepKey = (_this$settingsState$i6 = (_this$settingsState$i7 = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i7 === void 0 ? void 0 : _this$settingsState$i7.configStepKey) !== null && _this$settingsState$i6 !== void 0 ? _this$settingsState$i6 : this.configuratorStructureHandler.curConfigStepKey;
+              _context23.next = 3;
+              return this.deleteAccessorieOnShelfPlanner(this.shelfItem.currentPaletteId, gridIndex, cellIndex, parentBasketId, configStepKey);
+            case 3:
               if (this.shelfItem.Grids) {
-                _context23.next = 4;
+                _context23.next = 5;
                 break;
               }
               return _context23.abrupt("return");
-            case 4:
-              this.updateFreePlacesOnGrids(this.shelfItem.Grids[0].gridGroup);
+            case 5:
               this.settingsState.ConfigDidChange();
             case 6:
             case "end":
@@ -2856,7 +2985,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           }
         }, _callee23, this);
       }));
-      function deleteAccessorieOnShelfPlannerView(_x49, _x50, _x51, _x52) {
+      function deleteAccessorieOnShelfPlannerView(_x50, _x51, _x52) {
         return _deleteAccessorieOnShelfPlannerView.apply(this, arguments);
       }
       return deleteAccessorieOnShelfPlannerView;
@@ -2864,21 +2993,23 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "shelfItemMoved",
     value: function shelfItemMoved(grid, initialIndex, finalIndex) {
-      this.moveShelfItem(grid, initialIndex, finalIndex, this.configuratorStructureHandler.curConfigStepKey);
-      this.updateFreePlacesOnGrids(grid.gridGroup);
+      var _this$settingsState$i8, _this$settingsState$i9;
+      this.moveShelfItem(this.shelfItem.currentPaletteId, grid, initialIndex, finalIndex, (_this$settingsState$i8 = (_this$settingsState$i9 = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i9 === void 0 ? void 0 : _this$settingsState$i9.configStepKey) !== null && _this$settingsState$i8 !== void 0 ? _this$settingsState$i8 : this.configuratorStructureHandler.curConfigStepKey);
+      this.updateFreePlacesOnGrids(grid.gridGroup, 'move');
     }
   }, {
     key: "clickDeleteAccessorieOnShelfPlanner",
     value: function () {
       var _clickDeleteAccessorieOnShelfPlanner = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee24(grid, cellIndex) {
+        var _this$settingsState$i10, _this$settingsState$i11;
         return _regeneratorRuntime.wrap(function _callee24$(_context24) {
           while (1) switch (_context24.prev = _context24.next) {
             case 0:
               _context24.next = 2;
-              return this.deleteAccessorieOnShelfPlanner(grid.ShelfIndex, cellIndex, grid.basketId, this.configuratorStructureHandler.curConfigStepKey);
+              return this.deleteAccessorieOnShelfPlanner(this.shelfItem.currentPaletteId, grid.ShelfIndex, cellIndex, grid.basketId, (_this$settingsState$i10 = (_this$settingsState$i11 = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i11 === void 0 ? void 0 : _this$settingsState$i11.configStepKey) !== null && _this$settingsState$i10 !== void 0 ? _this$settingsState$i10 : this.configuratorStructureHandler.curConfigStepKey);
             case 2:
               this.settingsState.ConfigDidChange();
-              this.updateFreePlacesOnGrids(grid.gridGroup);
+              this.updateFreePlacesOnGrids(grid.gridGroup, 'delete shelf accessoire');
             case 4:
             case "end":
               return _context24.stop();
@@ -3028,52 +3159,51 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               return this.setCurConfigStepKey(configStepKey);
             case 4:
               _context25.t0 = curState;
-              _context25.next = _context25.t0 === 'PLANNER' ? 7 : _context25.t0 === 'PRODUCTS' ? 9 : _context25.t0 === 'PROMOTED' ? 11 : _context25.t0 === 'ACC' ? 13 : _context25.t0 === 'ACC_PLANNER' ? 13 : _context25.t0 === 'OPTION' ? 17 : _context25.t0 === 'SUMMARY' ? 21 : _context25.t0 === 'STATICROOMLIST' ? 24 : _context25.t0 === 'SHELFPLANNER' ? 26 : _context25.t0 === 'DOORPLANNER' ? 31 : 33;
+              _context25.next = _context25.t0 === 'PLANNER' ? 7 : _context25.t0 === 'PRODUCTS' ? 9 : _context25.t0 === 'PROMOTED' ? 11 : _context25.t0 === 'ACC' ? 13 : _context25.t0 === 'ACC_PLANNER' ? 13 : _context25.t0 === 'OPTION' ? 17 : _context25.t0 === 'SUMMARY' ? 21 : _context25.t0 === 'STATICROOMLIST' ? 24 : _context25.t0 === 'SHELFPLANNER' ? 26 : _context25.t0 === 'DOORPLANNER' ? 30 : 32;
               break;
             case 7:
               this.loadPlannerItems(!wasNaviagtion);
-              return _context25.abrupt("break", 35);
+              return _context25.abrupt("break", 34);
             case 9:
               this.loadProducts();
-              return _context25.abrupt("break", 35);
+              return _context25.abrupt("break", 34);
             case 11:
               this.loadPromoted();
-              return _context25.abrupt("break", 35);
+              return _context25.abrupt("break", 34);
             case 13:
               this.settingsState.setDoShowActElementInfo(true);
               _context25.next = 16;
               return this.loadAccessoiresOfActArticles();
             case 16:
-              return _context25.abrupt("break", 35);
+              return _context25.abrupt("break", 34);
             case 17:
               this.settingsState.setDoShowActElementInfo(true);
               _context25.next = 20;
               return this.loadConfigItemsOfTabGroup(configStepKey, wasNaviagtion ? 'byNavigation' : 'doConfigure');
             case 20:
-              return _context25.abrupt("break", 35);
+              return _context25.abrupt("break", 34);
             case 21:
               //Set in the plannerHandler all elements not selected
               if (!this.doAllowSetPlanner()) this.updateElementSelectionPlanner([], false);
               this.loadSummaryItems();
-              return _context25.abrupt("break", 35);
+              return _context25.abrupt("break", 34);
             case 24:
               this.loadStaticRoomListItems();
-              return _context25.abrupt("break", 35);
+              return _context25.abrupt("break", 34);
             case 26:
-              this.updateFreePlacesOnGrids();
               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(configSKey);
-              return _context25.abrupt("break", 35);
-            case 31:
+              this.loadShelfPlannerItems(1, configSKey);
+              return _context25.abrupt("break", 34);
+            case 30:
               this.loadDoorPlannerItems(configStepKey);
-              return _context25.abrupt("break", 35);
-            case 33:
+              return _context25.abrupt("break", 34);
+            case 32:
               LOG$7.error(new DivaError('tabgroup Type: ' + curState + ' not implemented', {
                 code: 'WC_0011'
               }));
-              return _context25.abrupt("break", 35);
-            case 35:
+              return _context25.abrupt("break", 34);
+            case 34:
             case "end":
               return _context25.stop();
           }
@@ -3162,14 +3292,14 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     key: "loadConfigItemsOfTabGroup",
     value: (function () {
       var _loadConfigItemsOfTabGroup = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee27(curConfigStepKey, calledFrom) {
-        var newGroupedConfigSteps, configStepWasAlreadyLoaded, i, j, isVisited, itemPalette, stepsNotRenderdCount, _i2, _this$configuratorStr, optionName, visible;
+        var newGroupedConfigSteps, configStepWasAlreadyLoaded, i, j, isVisited, itemPalette, stepsNotRenderdCount, _i2, configStep, _this$configuratorStr2, optionName, visible;
         return _regeneratorRuntime.wrap(function _callee27$(_context27) {
           while (1) switch (_context27.prev = _context27.next) {
             case 0:
               this.paletteWasLoadedFrom = calledFrom;
               newGroupedConfigSteps = this.configuratorStructureHandler.getConifgStepsToGroup(curConfigStepKey); //Alle selektierbar
               if (!(newGroupedConfigSteps != null)) {
-                _context27.next = 42;
+                _context27.next = 47;
                 break;
               }
               this.settingsState.hideNotUsedPalettes(newGroupedConfigSteps.length);
@@ -3215,8 +3345,10 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               // das hier soll erst später passieren wenn die daten ankommen!
               isVisited = this.configuratorStructureHandler.tabGroupAlreadyVisited();
               itemPalette = this.settingsState.itemPalettes.get(i + 1);
-              if (!configStepWasAlreadyLoaded[i] && itemPalette) {
-                itemPalette.isVisited = isVisited;
+              if (!configStepWasAlreadyLoaded[i] && itemPalette && !itemPalette.configStepKey.startsWith('SHELFARTICLE_')) {
+                this.settingsState.itemPalettes.set(itemPalette.id, _objectSpread$7(_objectSpread$7({}, itemPalette), {}, {
+                  isVisited: isVisited
+                }));
               }
             case 23:
               i++;
@@ -3227,31 +3359,40 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               _i2 = 0;
             case 28:
               if (!(_i2 < newGroupedConfigSteps.length)) {
-                _context27.next = 41;
+                _context27.next = 46;
                 break;
               }
-              if (!(newGroupedConfigSteps[_i2].option == 'OPTPLANNERSWITCH')) {
+              configStep = newGroupedConfigSteps[_i2]; //die einzelnen ConfigPaletten laden. Evtl. können es auch andere arten von Paletten sein (Regalplanner oder Accessoires)
+              if (!configStep.differentTabgroupType) {
                 _context27.next = 34;
                 break;
               }
-              optionName = (_this$configuratorStr = this.configuratorStructureHandler.getConfigStepByKey(newGroupedConfigSteps[_i2].key)) === null || _this$configuratorStr === void 0 ? void 0 : _this$configuratorStr.optionStep.title;
-              this.loadCatalogPlannerArticlesLogic(_i2 + 1 - stepsNotRenderdCount, false, 'PLANNERSWITCH', '', optionName, 'PLANNER');
-              _context27.next = 38;
+              this.loadShelfPlannerItemsLogic(_i2 + 1 - stepsNotRenderdCount, configStep.key, 'loadShelfPlannerItemsLogic');
+              _context27.next = 43;
               break;
             case 34:
+              if (!(configStep.option == 'OPTPLANNERSWITCH')) {
+                _context27.next = 39;
+                break;
+              }
+              optionName = (_this$configuratorStr2 = this.configuratorStructureHandler.getConfigStepByKey(configStep.key)) === null || _this$configuratorStr2 === void 0 ? void 0 : _this$configuratorStr2.optionStep.title;
+              this.loadCatalogPlannerArticlesLogic(_i2 + 1 - stepsNotRenderdCount, false, 'PLANNERSWITCH', '', optionName, 'PLANNER');
+              _context27.next = 43;
+              break;
+            case 39:
               visible = true;
-              if (this.uiState.ViewConfig.hideFirstStepWhenSingleOPVOnly && newGroupedConfigSteps[_i2].singleOPVOnly && _i2 === 0 || this.uiState.ViewConfig.hideSingleOPVOnlyAlways && newGroupedConfigSteps[_i2].singleOPVOnly) {
+              if (this.uiState.ViewConfig.hideFirstStepWhenSingleOPVOnly && configStep.singleOPVOnly && _i2 === 0 || this.uiState.ViewConfig.hideSingleOPVOnlyAlways && configStep.singleOPVOnly) {
                 visible = false;
               }
-              _context27.next = 38;
-              return this.loadConfigItemsOfOptionsLogic(newGroupedConfigSteps[_i2].key, _i2 + 1 - stepsNotRenderdCount, configStepWasAlreadyLoaded[_i2], visible);
-            case 38:
+              _context27.next = 43;
+              return this.loadConfigItemsOfOptionsLogic(configStep.key, _i2 + 1 - stepsNotRenderdCount, configStepWasAlreadyLoaded[_i2], visible);
+            case 43:
               _i2++;
               _context27.next = 28;
               break;
-            case 41:
+            case 46:
               this.actGroupedConfigSteps = _toConsumableArray(newGroupedConfigSteps);
-            case 42:
+            case 47:
             case "end":
               return _context27.stop();
           }
@@ -3286,10 +3427,10 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "loadShelfPlannerItems",
-    value: function loadShelfPlannerItems(configStepKey) {
-      this.settingsState.hideNotUsedPalettes(1);
+    value: function loadShelfPlannerItems(paletteId, configStepKey) {
+      this.settingsState.hideNotUsedPalettes(paletteId);
       this.getUpdatePaletteinfos(configStepKey);
-      this.loadShelfPlannerItemsLogic(configStepKey);
+      this.loadShelfPlannerItemsLogic(paletteId, configStepKey, 'loadShelfPlannerItems');
       this.actGroupedConfigSteps = [];
     }
   }, {
@@ -3446,17 +3587,17 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "updateConfigStepsOfAccessoires",
     value: function updateConfigStepsOfAccessoires(accessoires) {
-      var count = 1;
+      var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
       for (var i = 0; i < accessoires.length; i++) {
         var acc = accessoires[i];
-        if (acc.confgigStepKeys) {
-          for (var j = 0; j < acc.confgigStepKeys.length; j++) {
-            var _this$settingsState$i;
-            var stepKey = acc.confgigStepKeys[j];
+        if (acc.configStepKeys) {
+          for (var j = 0; j < acc.configStepKeys.length; j++) {
+            var _this$settingsState$i12;
+            var stepKey = acc.configStepKeys[j];
             count++;
             if (!this.configSteps[count]) this.configSteps[count] = new ConfigItems(count);
             stepKey.id = count;
-            var isUpdate = ((_this$settingsState$i = this.settingsState.itemPalettes.get(stepKey.id)) === null || _this$settingsState$i === void 0 ? void 0 : _this$settingsState$i.configStepKey) == stepKey.key;
+            var isUpdate = ((_this$settingsState$i12 = this.settingsState.itemPalettes.get(stepKey.id)) === null || _this$settingsState$i12 === void 0 ? void 0 : _this$settingsState$i12.configStepKey) == stepKey.key;
             this.loadConfigItemsOfOptionsLogic(stepKey.key, count, isUpdate, true);
           }
         }
@@ -3478,11 +3619,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
         }
         var count = 2;
         for (var _i3 = 0; _i3 < configSteps.length; _i3++) {
-          var _this$settingsState$i2;
+          var _this$settingsState$i13;
           var configstep = configSteps[_i3];
           count++;
           if (!this.configSteps[count]) this.configSteps[count] = new ConfigItems(count);
-          var isUpdate = ((_this$settingsState$i2 = this.settingsState.itemPalettes.get(count)) === null || _this$settingsState$i2 === void 0 ? void 0 : _this$settingsState$i2.configStepKey) == configstep.key;
+          var isUpdate = ((_this$settingsState$i13 = this.settingsState.itemPalettes.get(count)) === null || _this$settingsState$i13 === void 0 ? void 0 : _this$settingsState$i13.configStepKey) == configstep.key;
           this.loadConfigItemsOfOptionsLogic(configstep.key, count, isUpdate, true);
         }
         this.settingsState.hideNotUsedPalettes(count);
@@ -3547,18 +3688,19 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "updateShelfPlannerItems",
-    value: function updateShelfPlannerItems(accessoires, grids) {
+    value: function updateShelfPlannerItems(paletteId, accessoires, grids, configStepKey, from) {
       this.shelfItem.AccItems = accessoires;
       this.shelfItem.Grids = grids;
-      this.updateItemPalette('SHELFPLANNER', '', 'Regalplanner', 1, false, this.configuratorStructureHandler.curConfigStepKey, true);
-      this.updateFreePlacesOnGrids(grids[0].gridGroup);
-      this.updateConfigStepsOfAccessoires(accessoires);
+      this.shelfItem.currentPaletteId = paletteId;
+      this.updateItemPalette('SHELFPLANNER', '', 'Regalplanner', paletteId, false, configStepKey, true, undefined, undefined, undefined, undefined, undefined, grids[0].gridGroup);
+      this.updateFreePlacesOnGrids(configStepKey, from);
+      this.updateConfigStepsOfAccessoires(accessoires, paletteId);
     }
   }, {
     key: "updateDoorPlannerItems",
-    value: function updateDoorPlannerItems(doorPlannerItems) {
+    value: function updateDoorPlannerItems(doorPlannerItems, configStepKey) {
       this.specialItem.AccItems = doorPlannerItems;
-      this.updateItemPalette('DOOR_PLANNER', '', 'DoorPlanner', 1, false, this.configuratorStructureHandler.curConfigStepKey, true);
+      this.updateItemPalette('DOOR_PLANNER', '', 'DoorPlanner', 1, false, configStepKey, true);
     }
 
     /**
@@ -3573,7 +3715,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 _this2 = this;
+      var _this4 = this;
       var existingItemPalette = this.settingsState.itemPalettes.get(paletteId);
       var items = [];
       var itemPalette;
@@ -3615,7 +3757,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           currentItemsFilter: configStepKey === 'PLANNER' ? this.plannerItems.calcFilter(paletteId) : undefined,
           visible: visible,
           htmlInputElement: existingItemPalette === null || existingItemPalette === void 0 ? void 0 : existingItemPalette.htmlInputElement,
-          isVisited: !!subTabGroup || !!(existingItemPalette !== null && existingItemPalette !== void 0 && existingItemPalette.isVisited),
+          isVisited: !!subTabGroup || !!(existingItemPalette !== null && existingItemPalette !== void 0 && existingItemPalette.isVisited) && existingItemPalette.configStepKey === configStepKey,
           htmlRef: existingItemPalette === null || existingItemPalette === void 0 ? void 0 : existingItemPalette.htmlRef,
           configStepKey: configStepKey,
           filterValue: '',
@@ -3638,14 +3780,14 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       itemPalette.isHeader = paletteName === 'Header' && isConfigHeader;
       itemPalette.hideHeader = this.getHidePaletteHeader(paletteId, visible, itemPalette);
       this.setStepInfo(itemPalette, stepInfo);
-      var curItems = this.getCurItems(paletteId, paletteType);
+      var curItems = this.getCurItems(itemPalette);
       if (curItems) {
         items = curItems.getAllItems(paletteId);
         if (curItems instanceof ConfigItems) {
           curItems.IsRendered = true;
           if (this.checkIfAllItemsAreRendered()) {
             setTimeout(function () {
-              _this2.visitActVisibleSteps();
+              _this4.visitActVisibleSteps();
             }, 100);
           }
         }
@@ -3660,9 +3802,6 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           filterType = '';
         }
       }
-      if (!(curItems instanceof ConfigItems)) {
-        this.visitActVisibleSteps();
-      }
       itemPalette.filterComponent = filterType;
       if (itemPalette.filterComponent && itemPalette.filterComponent != 'None' && itemPalette.type != 'GAL_SMALL_GROUP_DROPDOWN' && itemPalette.type != 'GAL_GROUP_DROPDOWN') {
         itemPalette.filterVisible = true;
@@ -3678,7 +3817,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       var _iterator = _createForOfIteratorHelper(items),
         _step;
       try {
-        var _loop = function _loop() {
+        var _loop2 = function _loop2() {
           var item = _step.value;
           var groupName = item.groupName;
           if (!groupName) {
@@ -3698,7 +3837,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           if (!group) {
             var _oldGroup$isFolded;
             groupsObj.push({
-              isFolded: (_oldGroup$isFolded = oldGroup === null || oldGroup === void 0 ? void 0 : oldGroup.isFolded) !== null && _oldGroup$isFolded !== void 0 ? _oldGroup$isFolded : groupsDefaultClosed || !!_this2.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 || !!_this4.isGroupFolded(undefined, items.length, groupsObj),
               items: [item],
               name: groupName,
               parentName: parentName,
@@ -3709,7 +3848,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           }
         };
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          _loop();
+          _loop2();
         }
       } catch (err) {
         _iterator.e(err);
@@ -3721,6 +3860,9 @@ var PaletteViewHandler = /*#__PURE__*/function () {
         itemPalette.shelfPlannerGrids = this.shelfItem.Grids;
       }
       this.settingsState.updateItemPalette(paletteId, itemPalette);
+      if (!(curItems instanceof ConfigItems)) {
+        this.visitActVisibleSteps();
+      }
     }
   }, {
     key: "setStepInfo",
@@ -3860,8 +4002,8 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     key: "getPaletteNameOfPaletteId",
     value: function getPaletteNameOfPaletteId(paletteId, filterType, actStepName, visible) {
       var firstVisiblePaletteId = 1;
-      while (paletteId >= firstVisiblePaletteId && !(visible && paletteId == firstVisiblePaletteId || (_this$settingsState$i3 = this.settingsState.itemPalettes.get(firstVisiblePaletteId)) !== null && _this$settingsState$i3 !== void 0 && _this$settingsState$i3.visible && paletteId !== firstVisiblePaletteId)) {
-        var _this$settingsState$i3;
+      while (paletteId >= firstVisiblePaletteId && !(visible && paletteId == firstVisiblePaletteId || (_this$settingsState$i14 = this.settingsState.itemPalettes.get(firstVisiblePaletteId)) !== null && _this$settingsState$i14 !== void 0 && _this$settingsState$i14.visible && paletteId !== firstVisiblePaletteId)) {
+        var _this$settingsState$i14;
         firstVisiblePaletteId++;
       }
       var paletteName = paletteId.toString();
@@ -3898,17 +4040,17 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       var afterToggelHeader_NextHeaderHidden = 'dontNeedTo';
       if (itemPalette.isRenderedInAccessorieStep) return true;
       for (var i = 1; i <= paletteId; i++) {
-        var _this$settingsState$i4;
-        if (((_this$settingsState$i4 = this.settingsState.itemPalettes.get(i)) === null || _this$settingsState$i4 === void 0 ? void 0 : _this$settingsState$i4.type) == 'TOGGLE_HEADER') {
+        var _this$settingsState$i15;
+        if (((_this$settingsState$i15 = this.settingsState.itemPalettes.get(i)) === null || _this$settingsState$i15 === void 0 ? void 0 : _this$settingsState$i15.type) == 'TOGGLE_HEADER') {
           if (afterToggelHeader_NextHeaderHidden == 'dontNeedTo') afterToggelHeader_NextHeaderHidden = false;
           continue;
         }
         if (afterToggelHeader_NextHeaderHidden == false) {
-          var _this$settingsState$i5;
-          if ((_this$settingsState$i5 = this.settingsState.itemPalettes.get(i)) !== null && _this$settingsState$i5 !== void 0 && _this$settingsState$i5.visible || i == paletteId && visible) {
-            var _this$settingsState$i6, _this$settingsState$i7;
+          var _this$settingsState$i16;
+          if ((_this$settingsState$i16 = this.settingsState.itemPalettes.get(i)) !== null && _this$settingsState$i16 !== void 0 && _this$settingsState$i16.visible || i == paletteId && visible) {
+            var _this$settingsState$i17, _this$settingsState$i18;
             afterToggelHeader_NextHeaderHidden = true;
-            if (((_this$settingsState$i6 = this.settingsState.itemPalettes.get(i)) === null || _this$settingsState$i6 === void 0 ? void 0 : _this$settingsState$i6.type) != 'DROPDOWN_TEXT' || ((_this$settingsState$i7 = this.settingsState.itemPalettes.get(i)) === null || _this$settingsState$i7 === void 0 ? void 0 : _this$settingsState$i7.type) != 'TOGGLE') {
+            if (((_this$settingsState$i17 = this.settingsState.itemPalettes.get(i)) === null || _this$settingsState$i17 === void 0 ? void 0 : _this$settingsState$i17.type) != 'DROPDOWN_TEXT' || ((_this$settingsState$i18 = this.settingsState.itemPalettes.get(i)) === null || _this$settingsState$i18 === void 0 ? void 0 : _this$settingsState$i18.type) != 'TOGGLE') {
               if (i == paletteId) {
                 return true;
               }
@@ -3926,37 +4068,49 @@ var PaletteViewHandler = /*#__PURE__*/function () {
      */
   }, {
     key: "getCurItems",
-    value: function getCurItems(paletteId, paletteType) {
-      var curPaletteType = this.getState();
-      var itempalette = this.settingsState.itemPalettes.get(paletteId);
-      if (itempalette !== null && itempalette !== void 0 && itempalette.isRenderedNotInSettingPalette) {
-        curPaletteType = 'OPTION';
-      }
-      if (paletteType == 'PLANNERSWITCH') {
+    value: function getCurItems(palette) {
+      var itemPalette = typeof palette == 'number' ? this.settingsState.itemPalettes.get(palette) : palette;
+      if (!itemPalette) return undefined;
+      var paletteId = typeof palette == 'number' ? palette : itemPalette.id;
+      if (itemPalette.isRenderedNotInSettingPalette) {
+        return this.configSteps[paletteId - 1];
+      }
+      if (itemPalette.type == 'PLANNERSWITCH') {
         return this.plannerItems;
       }
-      switch (curPaletteType) {
+      switch (itemPalette.type) {
         case 'PRODUCTS':
         case 'PROMOTED':
           return undefined;
-        case 'PLANNER':
+        case 'ART':
           return this.plannerItems;
         case 'ACC':
-        case 'ACC_PLANNER':
-          if (paletteId != 1) {
-            return this.configSteps[paletteId - 1];
-          }
+        case 'ACC_CONFIG':
+          if (paletteId != 1) return this.configSteps[paletteId - 1];
           return this.accItems;
-        case 'OPTION':
-          return this.configSteps[paletteId - 1];
-        case 'SUMMARY':
+        case 'SUMMARY_ARTICLES':
+        case 'SUMMARY_OPTIONTREE':
+        case 'SUMMARY_PARTLIST':
+        case 'VARIANTS':
           return this.summaryItems[paletteId - 1];
-        case 'STATICROOMLIST':
+        case 'STATICROOM':
+        case 'VIEWPOINT':
           return this.staticRoomItems;
         case 'SHELFPLANNER':
           return this.shelfItem;
-        case 'DOORPLANNER':
+        case 'DOOR_PLANNER':
           return this.specialItem;
+        case 'SMALL':
+        case 'GAL':
+        case 'GAL_BIG':
+        case 'GAL_SMALL':
+        case 'GAL_BIG_TEXT':
+        case 'GAL_GROUP_DROPDOWN':
+        case 'GAL_SMALL_GROUP_DROPDOWN':
+        case 'GAL_SMALL_TEXT':
+        case 'GAL_TEXT':
+        default:
+          return this.configSteps[paletteId - 1];
       }
       return undefined;
     }
@@ -4085,10 +4239,10 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "focusSearch",
     value: function focusSearch(paletteId) {
-      var _this$settingsState$i8;
-      var palette = paletteId !== undefined ? this.settingsState.itemPalettes.get(paletteId) : (_this$settingsState$i8 = this.settingsState.itemPaletteArr.find(function (i) {
+      var _this$settingsState$i19;
+      var palette = paletteId !== undefined ? this.settingsState.itemPalettes.get(paletteId) : (_this$settingsState$i19 = this.settingsState.itemPaletteArr.find(function (i) {
         return i[1].visible;
-      })) === null || _this$settingsState$i8 === void 0 ? void 0 : _this$settingsState$i8[1];
+      })) === null || _this$settingsState$i19 === void 0 ? void 0 : _this$settingsState$i19[1];
       if (!(palette !== null && palette !== void 0 && palette.htmlInputElement)) return false;
       palette.htmlInputElement.focus();
       return true;
@@ -4587,6 +4741,7 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
     _defineProperty(this, "onElementSelected", function (setId, elementId, dp) {
       if (setId == undefined || elementId == undefined) return;
       var selectedElement = _this.getPlannerElementByElemId(setId, elementId);
+      if (selectedElement === undefined) return;
       /*
       //In the case of the selected element is an accessoire. In Planner mode you can only select the base element
       if ((selectedElement?.getIsDockedAccessoire() && this.getConfiguratorState() == 'PLANNER') || this.getConfiguratorState() == 'PRODUCTS') {
@@ -5064,7 +5219,7 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 8;
-              return import('./PlannerSirvViewer-767ee32b.js');
+              return import('./PlannerSirvViewer-9555e9a5.js');
             case 8:
               _yield$import = _context.sent;
               PlannerSirvViewer = _yield$import["default"];
@@ -5073,12 +5228,12 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
               break;
             case 13:
               _context.next = 15;
-              return import('./Planner3DImage-834a6da2.js');
+              return import('./Planner3DImage-8aa8695d.js');
             case 15:
               _yield$import2 = _context.sent;
               Planner3DImage = _yield$import2["default"];
               _context.next = 19;
-              return import('./Planner2DGrid-ab977ecd.js');
+              return import('./Planner2DGrid-2648c9dc.js');
             case 19:
               _yield$import3 = _context.sent;
               Planner2DGrid = _yield$import3["default"];
@@ -5971,7 +6126,7 @@ var ProductState = /*#__PURE__*/function () {
     _defineProperty(this, "GridImageURL", '');
     //RTV Real Time Viewer
     _defineProperty(this, "allowRTV", false);
-    _defineProperty(this, "allowQRCodeRTV", false);
+    _defineProperty(this, "allowQRCodeAR", false);
     _defineProperty(this, "doShowRTV", false);
     _defineProperty(this, "shelfPlannerRTV", false);
     //Article Image
@@ -6007,6 +6162,7 @@ var ProductState = /*#__PURE__*/function () {
     _defineProperty(this, "doShowNav3DPlannerMode", true);
     _defineProperty(this, "doEnableToShow3DDimensionLines", false);
     //Button is shown for current model
+    _defineProperty(this, "hidePlannerUiIcons", false);
     _defineProperty(this, "doShow3DDimensionLines", false);
     //Button is activated
     _defineProperty(this, "doShowARQRCode", false);
@@ -6197,7 +6353,7 @@ var ProductState = /*#__PURE__*/function () {
       doShowGrid: observable,
       doShowRTV: observable,
       allowRTV: observable,
-      allowQRCodeRTV: observable,
+      allowQRCodeAR: observable,
       shelfPlannerRTV: observable,
       GridImageURL: observable,
       allowRendering: observable,
@@ -6215,6 +6371,7 @@ var ProductState = /*#__PURE__*/function () {
       onDoShowNav3DChange: action,
       doShowNav3DPlannerMode: observable,
       doEnableToShow3DDimensionLines: observable,
+      hidePlannerUiIcons: observable,
       doShow3DDimensionLines: observable,
       setDoShow3DDimensionLines: action,
       doShowARQRCode: observable,
@@ -6405,19 +6562,20 @@ var ProductState = /*#__PURE__*/function () {
     
      */
     function initConfiguratorMode(plannerMode) {
-      var _this$divaWebPlanner16, _this$divaWebPlanner19, _this$divaWebPlanner20, _this$divaWebPlanner21, _this$divaWebPlanner22;
+      var _this$divaWebPlanner16, _this$divaWebPlanner17, _this$divaWebPlanner20, _this$divaWebPlanner21, _this$divaWebPlanner22, _this$divaWebPlanner23;
       this.plannerMode = plannerMode;
       this.doEnableToShow3DDimensionLines = !!((_this$divaWebPlanner16 = this.divaWebPlanner) !== null && _this$divaWebPlanner16 !== void 0 && _this$divaWebPlanner16.doShow3DDimensionLines());
+      this.hidePlannerUiIcons = !!((_this$divaWebPlanner17 = this.divaWebPlanner) !== null && _this$divaWebPlanner17 !== void 0 && _this$divaWebPlanner17.hidePlannerUiIcons());
       this.doShowARQRCode = false;
       if (this.settingsState) {
-        var _this$divaWebPlanner17, _this$divaWebPlanner18;
-        this.settingsState.doShowReplaceMode = !!((_this$divaWebPlanner17 = this.divaWebPlanner) !== null && _this$divaWebPlanner17 !== void 0 && _this$divaWebPlanner17.doShowPlannerReplaceMode());
-        this.settingsState.plannerReplaceModeAutoSwitch = !!((_this$divaWebPlanner18 = this.divaWebPlanner) !== null && _this$divaWebPlanner18 !== void 0 && _this$divaWebPlanner18.doPlannerReplaceAutoSwitch());
-      }
-      this.allowRTV = !!((_this$divaWebPlanner19 = this.divaWebPlanner) !== null && _this$divaWebPlanner19 !== void 0 && _this$divaWebPlanner19.getAllowRTV());
-      this.allowQRCodeRTV = !!((_this$divaWebPlanner20 = this.divaWebPlanner) !== null && _this$divaWebPlanner20 !== void 0 && _this$divaWebPlanner20.geAllowQRCodeRTV());
-      this.shelfPlannerRTV = !!((_this$divaWebPlanner21 = this.divaWebPlanner) !== null && _this$divaWebPlanner21 !== void 0 && _this$divaWebPlanner21.getShelfPlannerRTV());
-      this.doShowNav3DPlannerMode = !((_this$divaWebPlanner22 = this.divaWebPlanner) !== null && _this$divaWebPlanner22 !== void 0 && _this$divaWebPlanner22.getHidePlanner()) && this.plannerMode != 'BoxPlanner';
+        var _this$divaWebPlanner18, _this$divaWebPlanner19;
+        this.settingsState.doShowReplaceMode = !!((_this$divaWebPlanner18 = this.divaWebPlanner) !== null && _this$divaWebPlanner18 !== void 0 && _this$divaWebPlanner18.doShowPlannerReplaceMode());
+        this.settingsState.plannerReplaceModeAutoSwitch = !!((_this$divaWebPlanner19 = this.divaWebPlanner) !== null && _this$divaWebPlanner19 !== void 0 && _this$divaWebPlanner19.doPlannerReplaceAutoSwitch());
+      }
+      this.allowRTV = !!((_this$divaWebPlanner20 = this.divaWebPlanner) !== null && _this$divaWebPlanner20 !== void 0 && _this$divaWebPlanner20.getAllowRTV());
+      this.allowQRCodeAR = !!((_this$divaWebPlanner21 = this.divaWebPlanner) !== null && _this$divaWebPlanner21 !== void 0 && _this$divaWebPlanner21.geAllowQRCodeAR());
+      this.shelfPlannerRTV = !!((_this$divaWebPlanner22 = this.divaWebPlanner) !== null && _this$divaWebPlanner22 !== void 0 && _this$divaWebPlanner22.getShelfPlannerRTV());
+      this.doShowNav3DPlannerMode = !((_this$divaWebPlanner23 = this.divaWebPlanner) !== null && _this$divaWebPlanner23 !== void 0 && _this$divaWebPlanner23.getHidePlanner()) && this.plannerMode != 'BoxPlanner';
       if (this.shelfPlannerRTV) this.plannerMode = 'RTViewer';
       this.initPlannerViewMode(this.plannerMode);
       switch (this.plannerMode) {
@@ -6586,13 +6744,17 @@ var SettingsState = /*#__PURE__*/function () {
     });
     _defineProperty(this, "selectedShelfAccessoire", undefined);
     _defineProperty(this, "contentItemId", undefined);
+    _defineProperty(this, "clickedFrom", undefined);
     _defineProperty(this, "contentItemVisible", true);
     _defineProperty(this, "conetentItemOfOPVOpen", false);
+    _defineProperty(this, "notificationsShown", []);
+    // array of notification Indexes that where visible
     _defineProperty(this, "reset", function () {
       _this.updateInputBoxValues(false, undefined);
       _this.setGridsData();
       _this.roomListInitialized = 0;
       _this.doShowReplaceMode = false;
+      _this.notificationsShown = [];
       _this.plannerReplaceMode = false;
       _this.plannerReplaceModeActive = false;
       _this.plannerReplaceModeAutoSwitch = false;
@@ -6661,10 +6823,12 @@ var SettingsState = /*#__PURE__*/function () {
       selectedShelfAccessoire: observable,
       setSelectedShelfAccessoire: action,
       //contentItem
+      clickedFrom: observable,
       contentItemId: observable,
       setContentItemId: action,
       contentItemVisible: observable,
-      setContentItemVisible: action
+      setContentItemVisible: action,
+      isContentItemIdVisible: observable
     });
   }
   return _createClass(SettingsState, [{
@@ -6899,18 +7063,35 @@ var SettingsState = /*#__PURE__*/function () {
     }
   }, {
     key: "setContentItemId",
-    value: function setContentItemId(id, isOfOPV) {
+    value: function setContentItemId(id, isOfOPV, clickedFrom) {
       this.contentItemId = id;
       this.conetentItemOfOPVOpen = !!isOfOPV && !!id;
       if (id === undefined) {
         this.setContentItemVisible(false);
       }
+      if (clickedFrom) this.clickedFrom = clickedFrom;
     }
   }, {
     key: "setContentItemVisible",
     value: function setContentItemVisible(visible) {
       this.contentItemVisible = visible;
     }
+  }, {
+    key: "isContentItemIdVisible",
+    value: function isContentItemIdVisible(id) {
+      if (this.contentItemVisible && this.contentItemId && id && this.contentItemId == id) {
+        return true;
+      }
+      return false;
+    }
+  }, {
+    key: "onClickContentItemId",
+    value: function onClickContentItemId(id, clickedFrom) {
+      var visible = id != this.contentItemId || !this.contentItemVisible || !!clickedFrom && clickedFrom != this.clickedFrom;
+      this.clickedFrom = clickedFrom;
+      this.setContentItemVisible(visible);
+      this.setContentItemId(visible ? id : undefined, true);
+    }
   }]);
 }();
 
@@ -7946,6 +8127,13 @@ var DivaViewHandler = /*#__PURE__*/function () {
       if (_this.configuratorStructureHandler.curOptionCodex.startsWith('SHELFARTICLE_')) return 'SHELFPLANNER'; // if curOption an Shelfplanner is return SHELFPLANNER because the Shelfplanner can be in an option tabgroup
       return _this.configuratorStructureHandler.curTabgroupType;
     });
+    _defineProperty(this, "tabgroupTypeActive", function (type) {
+      if (_this.getState() === type) return true;
+      if (type === 'SHELFPLANNER' && _this.configuratorStructureHandler.actGroupedOptionsCodexes.find(function (o) {
+        return o.startsWith('SHELFARTICLE_');
+      })) return true;
+      return false;
+    });
     //---------------------------------------Registered Functions called from Logic----------------------------------------------------------------------------
     _defineProperty(this, "getCurrentAlternativRendering", function () {
       if (_this.productState.curAlternateRendering) {
@@ -8055,7 +8243,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.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.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.ReturnTo, this.configState.initProductFolded);
@@ -8388,7 +8576,7 @@ var DivaViewHandler = /*#__PURE__*/function () {
                 this.uiState.initFromViewConfig(viewConfig, this.divaWebPlanner.getDiva3dUseImageCache());
                 this.uiState.initTemplateConfig(this.divaWebPlanner.getTemplateConfig(), (_this$actions10 = this.actions) === null || _this$actions10 === void 0 ? void 0 : _this$actions10.userHasPermission('advancedconfigurator'));
                 this.settingsState.setForceSettingsHeaderInScrollContainer(viewConfig.forceSettingsHeaderInScrollContainer);
-                this.productState.initViewConfig(viewConfig.doShowFunctions, !!this.divaWebPlanner.userIsLoggedIn, this.divaWebPlanner.getDiva3dUseImageCache() && !this.divaWebPlanner.getDiva3DSuppressCacheCreation(), viewConfig.showArQrCode ? viewConfig.showArQrCode !== true ? viewConfig.showArQrCode : {
+                this.productState.initViewConfig(viewConfig.doShowFunctions, !!this.divaWebPlanner.userIsLoggedIn, this.divaWebPlanner.getDiva3dUseImageCache() && !this.divaWebPlanner.getDiva3DSuppressCacheCreation(), viewConfig.enableAR ? viewConfig.enableAR !== true ? viewConfig.enableAR : {
                   doAutoShow: false
                 } : undefined);
                 this.tabGroupState.updateCurTabGroupType();
@@ -8582,8 +8770,8 @@ var DivaViewHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "updateShelfPlannerItems",
-    value: function updateShelfPlannerItems(accessoires, grids) {
-      this.paletteViewHandler.updateShelfPlannerItems(accessoires, grids);
+    value: function updateShelfPlannerItems(paletteId, accessoires, grids, configStepKey, from) {
+      this.paletteViewHandler.updateShelfPlannerItems(paletteId, accessoires, grids, configStepKey, from);
     }
   }, {
     key: "updateFreePlacesOnGrids",
@@ -8593,8 +8781,8 @@ var DivaViewHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "updateDoorPlannerItems",
-    value: function updateDoorPlannerItems(doorPlannerViewItems) {
-      this.paletteViewHandler.updateDoorPlannerItems(doorPlannerViewItems);
+    value: function updateDoorPlannerItems(doorPlannerViewItems, configStepKey) {
+      this.paletteViewHandler.updateDoorPlannerItems(doorPlannerViewItems, configStepKey);
     }
   }, {
     key: "updatePaletteInfos",
@@ -8927,249 +9115,250 @@ var index = /*#__PURE__*/Object.freeze({
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
     case '../components/Layout/index.tsx': return Promise.resolve().then(function () { return index; });
-    case '../components/Settings/index.tsx': return import('./index-0eaa9862.js');
-    case '../components/TabGroup/index.tsx': return import('./index-2dbda167.js');
-    case '../components/Action/Basket/index.tsx': return import('./index-6d373732.js');
-    case '../components/Action/BasketMobile/index.tsx': return import('./index-727e5c55.js');
-    case '../components/Action/Navigation/index.tsx': return import('./index-9507b796.js');
+    case '../components/Settings/index.tsx': return import('./index-8fe6acb2.js');
+    case '../components/TabGroup/index.tsx': return import('./index-58d7ae50.js');
+    case '../components/Action/Basket/index.tsx': return import('./index-c59206f9.js');
+    case '../components/Action/BasketMobile/index.tsx': return import('./index-7add3a67.js');
+    case '../components/Action/Navigation/index.tsx': return import('./index-2515428c.js');
     case '../components/GlobalElements/Affiliate/index.tsx': return Promise.resolve().then(function () { return index$1; });
-    case '../components/GlobalElements/BarrierActions/index.tsx': return import('./index-b9e5b546.js');
+    case '../components/GlobalElements/BarrierActions/index.tsx': return import('./index-1111ab02.js');
     case '../components/GlobalElements/FrameworkPrice/index.tsx': return Promise.resolve().then(function () { return index$3; });
     case '../components/GlobalElements/Fullscreen/index.tsx': return Promise.resolve().then(function () { return index$2; });
-    case '../components/Layout/classification/index.tsx': return import('./index-8cb64eb7.js');
-    case '../components/Layout/gold/index.tsx': return import('./index-44451820.js');
-    case '../components/Layout/lessSimple/index.tsx': return import('./index-c2041587.js');
-    case '../components/Layout/ralph/index.tsx': return import('./index-c9026cb5.js');
-    case '../components/Layout/serious/index.tsx': return import('./index-e797caf3.js');
-    case '../components/Layout/seriousRight/index.tsx': return import('./index-514d85a2.js');
-    case '../components/Layout/simple/index.tsx': return import('./index-6469559d.js');
-    case '../components/Layout/standard/index.tsx': return import('./index-42c5b54d.js');
-    case '../components/Layout/wysiwyg/index.tsx': return import('./index-bef44ab9.js');
-    case '../components/Product/ContentItemWrapper/index.tsx': return import('./index-60344115.js');
-    case '../components/Product/Product/index.tsx': return import('./index-fc19978f.js');
-    case '../components/Product/ProductCenter/index.tsx': return import('./index-4d76218a.js');
-    case '../components/Product/ProductFooter/index.tsx': return import('./index-84dd2acd.js');
-    case '../components/Product/ProductInfo/index.tsx': return import('./index-1785e555.js');
-    case '../components/Product/ProductSettings/index.tsx': return import('./index-1cf6977d.js');
-    case '../components/Settings/SettingsHeaderContainer/index.tsx': return import('./index-06977940.js');
-    case '../components/Settings/SettingsScroller/index.tsx': return import('./index-83cce2db.js');
-    case '../components/TabGroup/ProgressBar/index.tsx': return import('./index-d9975a9c.js');
-    case '../components/TabGroup/TabGroupHorizontal/index.tsx': return import('./index-9e9efe5b.js');
-    case '../components/TabGroup/TabGroupSingle/index.tsx': return import('./index-541bf47b.js');
-    case '../components/TabGroup/TabGroupVertical/index.tsx': return import('./index-2d40325a.js');
-    case '../components/Action/Basket/gold/index.tsx': return import('./index-63439b49.js');
-    case '../components/Action/Basket/ralph/index.tsx': return import('./index-1548de79.js');
-    case '../components/Action/Basket/serious/index.tsx': return import('./index-93c035c7.js');
-    case '../components/Action/Basket/standard/index.tsx': return import('./index-218adf26.js');
-    case '../components/Action/Navigation/blue/index.tsx': return import('./index-e326d58e.js');
-    case '../components/Action/Navigation/gold/index.tsx': return import('./index-1f71b79f.js');
-    case '../components/Action/Navigation/ralph/index.tsx': return import('./index-0ca08320.js');
-    case '../components/Action/Navigation/standard/index.tsx': return import('./index-5508b73c.js');
-    case '../components/GlobalElements/BarrierActions/blue/index.tsx': return import('./index-68ca9d87.js');
-    case '../components/GlobalElements/BarrierActions/jungle/index.tsx': return import('./index-db4d893c.js');
-    case '../components/GlobalElements/BarrierActions/standard/index.tsx': return import('./index-57bac291.js');
-    case '../components/GlobalElements/PopupWindows/Inputbox/index.tsx': return import('./index-ece12a41.js');
-    case '../components/Layout/wysiwyg/Toolbar/index.tsx': return import('./index-83feb7f6.js');
-    case '../components/Product/Product/catalog/index.tsx': return import('./index-0a70fb97.js');
-    case '../components/Product/Product/serious/index.tsx': return import('./index-8ddea0e6.js');
-    case '../components/Product/Product/simple/index.tsx': return import('./index-f7424dad.js');
-    case '../components/Product/Product/standard/index.tsx': return import('./index-e8a00234.js');
-    case '../components/Product/ProductCenter/Planner2DGird/index.tsx': return import('./index-88f1ca33.js');
-    case '../components/Product/ProductCenter/Planner3DGrid/index.tsx': return import('./index-26005c14.js');
-    case '../components/Product/ProductCenter/Planner3DImage/index.tsx': return import('./index-6b15504c.js');
-    case '../components/Product/ProductCenter/PlannerMsgContainer/index.tsx': return import('./index-e4431183.js');
-    case '../components/Product/ProductCenter/PlannerRTV/index.tsx': return import('./index-dc2b7c67.js');
-    case '../components/Product/ProductCenter/PlannerSirvViewer/index.tsx': return import('./index-aead0535.js');
-    case '../components/Product/ProductCenter/PlannerUI/index.tsx': return import('./index-02aa0ec7.js');
-    case '../components/Product/ProductCenter/PromotedOpvs/index.tsx': return import('./index-43d70a7b.js');
-    case '../components/Product/ProductCenter/RoomListSelection/index.tsx': return import('./index-45f42f2d.js');
-    case '../components/Product/ProductCenter/RotateInfo/index.tsx': return import('./index-a8fa7c22.js');
-    case '../components/Product/ProductFooter/gold/index.tsx': return import('./index-b0c9c2ca.js');
-    case '../components/Product/ProductFooter/ralph/index.tsx': return import('./index-a93259b4.js');
-    case '../components/Product/ProductFooter/standard/index.tsx': return import('./index-48cf0aed.js');
-    case '../components/Product/ProductHeader/CreateCache/index.tsx': return import('./index-ff866e13.js');
-    case '../components/Product/ProductHeader/Functions/index.tsx': return import('./index-e05b0b1c.js');
-    case '../components/Product/ProductHeader/ProductHeader/index.tsx': return import('./index-a662de89.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/index.tsx': return import('./index-fc1cf8e0.js').then(function (n) { return n.i; });
-    case '../components/Settings/SettingsScroller/SettingsSubTabGroup/index.tsx': return import('./index-380b047f.js');
-    case '../components/Settings/SettingsScroller/SubTabGroup/index.tsx': return import('./index-943ff144.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/index.tsx': return import('./index-27cb3f2a.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/index.tsx': return import('./index-a4967535.js');
-    case '../components/GlobalElements/BarrierActions/blue/presets/requestProductForm.tsx': return import('./requestProductForm-a57e7d38.js');
-    case '../components/Layout/wysiwyg/Toolbar/ToolContainer/index.tsx': return import('./index-634dd76b.js');
-    case '../components/Product/Product/catalog/Sidebar/index.tsx': return import('./index-299fe919.js');
-    case '../components/Product/Product/serious/CheckoutForm/index.tsx': return import('./index-4b9258f1.js');
-    case '../components/Product/ProductCenter/Planner3DImage/Logo/index.tsx': return import('./index-60fe9dd4.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/index.tsx': return import('./index-c9d3397e.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/index.tsx': return import('./index-e3d78f41.js');
-    case '../components/Product/ProductCenter/PlannerMsgContainer/simple/index.tsx': return import('./index-3479c735.js');
-    case '../components/Product/ProductCenter/PlannerMsgContainer/standard/index.tsx': return import('./index-76a34b47.js');
-    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/index.tsx': return import('./index-2519dc45.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/index.tsx': return import('./index-84fc105c.js');
-    case '../components/Product/ProductCenter/RoomListSelection/serious/index.tsx': return import('./index-37d2271e.js');
-    case '../components/Product/ProductCenter/RoomListSelection/standard/index.tsx': return import('./index-218a784f.js');
-    case '../components/Product/ProductHeader/Functions/gold/index.tsx': return import('./index-18de7018.js');
-    case '../components/Product/ProductHeader/Functions/ralph/index.tsx': return import('./index-6b45a089.js');
-    case '../components/Product/ProductHeader/Functions/standard/index.tsx': return import('./index-c93776e1.js');
-    case '../components/Product/ProductHeader/ProductHeader/blue/index.tsx': return import('./index-4d4312cc.js');
-    case '../components/Product/ProductHeader/ProductHeader/ralph/index.tsx': return import('./index-df5b0e20.js');
-    case '../components/Product/ProductHeader/ProductHeader/standard/index.tsx': return import('./index-1b148dda.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/DockFilter/index.tsx': return import('./index-25479cb5.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/index.tsx': return import('./index-398dbdd9.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/Searchbar/index.tsx': return import('./index-d7eca154.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/index.tsx': return import('./index-15280a2d.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsConfigSingle/index.tsx': return import('./index-108ed95f.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/index.tsx': return import('./index-c61406b9.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ComponentMap/index.tsx': return import('./index-1e174475.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemWrapper/index.tsx': return import('./index-fe4d921a.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/index.tsx': return import('./index-6b7ae5bd.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroupDropdown/index.tsx': return import('./index-5cb6b458.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/StepInfo/index.tsx': return import('./index-904d55cf.js');
-    case '../components/Settings/SettingsScroller/SettingsSubTabGroup/SubTabGroup/index.tsx': return import('./index-68df72f5.js');
-    case '../components/Settings/SettingsScroller/SettingsSubTabGroup/SubTabGroupHeader/index.tsx': return import('./index-e143095c.js');
-    case '../components/Settings/SettingsScroller/SubTabGroup/SubTabGroupHeader/index.tsx': return import('./index-b8ed937a.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/gold/index.tsx': return import('./index-fa52972d.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/lessSimple/index.tsx': return import('./index-d62298f9.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/ralph/index.tsx': return import('./index-615fc576.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/standard/index.tsx': return import('./index-9571a04b.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/index.tsx': return import('./index-3fa24811.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/free/index.tsx': return import('./index-7a79b559.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/mountain/index.tsx': return import('./index-21c745de.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/serious/index.tsx': return import('./index-7e62551e.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/standard/index.tsx': return import('./index-f8a10e9d.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/index.tsx': return import('./index-9b1aa07b.js');
-    case '../components/Product/Product/catalog/Components/CatalogMakeup/index.tsx': return import('./index-e601d220.js');
-    case '../components/Product/Product/catalog/Components/EkTextViewer/index.tsx': return import('./index-6c9fed54.js');
-    case '../components/Product/Product/catalog/Components/J3DEditor/index.tsx': return import('./index-d4e0e109.js');
-    case '../components/Product/Product/catalog/Components/JsonAnalyser/index.tsx': return import('./index-e2cf7c76.js');
-    case '../components/Product/Product/catalog/Components/MaskEditor/index.tsx': return import('./index-e34dbe49.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/index.tsx': return import('./index-a77d0f24.js');
-    case '../components/Product/Product/catalog/Components/PartList/index.tsx': return import('./index-db03cb9b.js');
-    case '../components/Product/Product/catalog/Components/PartListAnalyzer/index.tsx': return import('./index-102211b0.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/index.tsx': return import('./index-80eff23e.js');
-    case '../components/Product/Product/catalog/Components/RTVAnalyzer/index.tsx': return import('./index-729a5389.js');
-    case '../components/Product/Product/catalog/Components/SVGAnalyser/index.tsx': return import('./index-a507b299.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/gold/index.tsx': return import('./index-5391ffe7.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/serious/index.tsx': return import('./index-87a187e9.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/index.tsx': return import('./index-7737cc30.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/free/index.tsx': return import('./index-fc007b91.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/serious/index.tsx': return import('./index-7c7d6ca2.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.tsx': return import('./index-826b1270.js');
-    case '../components/Product/ProductCenter/PlannerMsgContainer/standard/PlannerMsgItem/index.tsx': return import('./index-a78957be.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Move3DGrid/index.tsx': return import('./index-0d70239c.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Outline/index.tsx': return import('./index-11797b40.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Outline3D/index.tsx': return import('./index-74ac9f00.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/PosNr/index.tsx': return import('./index-be332303.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Trash/index.tsx': return import('./index-29f2d505.js');
-    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/ItemsDPAccContainer/index.tsx': return import('./index-7942bcf8.js').then(function (n) { return n.i; });
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/gold/index.tsx': return import('./index-7e1a2ec2.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/hidden/index.tsx': return import('./index-cb330f26.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/ralph/index.tsx': return import('./index-1d431ba1.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/standard/index.tsx': return import('./index-4d473907.js');
-    case '../components/Product/ProductHeader/Functions/standard/share/index.tsx': return import('./index-9546f934.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/index.tsx': return import('./index-55be71f2.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/index.tsx': return import('./index-665eb873.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/lessSimple/index.tsx': return import('./index-e26ec171.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/serious/index.tsx': return import('./index-fc2412d2.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/index.tsx': return import('./index-ee1de412.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNr/index.tsx': return import('./index-65ab8c45.js').then(function (n) { return n.i; });
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNrToolTip/index.tsx': return import('./index-989e817b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/index.tsx': return import('./index-6312bb3e.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/DoorPlanner/index.tsx': return import('./index-af7a73f3.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/index.tsx': return import('./index-07ec1031.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Promoted/index.tsx': return import('./index-4a5d74e4.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/index.tsx': return import('./index-d386517e.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/jungle/index.tsx': return import('./index-9690baff.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/standard/index.tsx': return import('./index-a613c882.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/Header/index.tsx': return import('./index-fbf0891f.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/configstep/index.tsx': return import('./index-5e3bc297.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/JsonEditor/index.tsx': return import('./index-c91f65c9.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/JsonViewer/index.tsx': return import('./index-cf78a245.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/index.tsx': return import('./index-9f19cd46.js');
-    case '../components/Product/Product/catalog/Components/CatalogMakeup/LayoutSelection/index.tsx': return import('./index-22cb983c.js');
-    case '../components/Product/Product/catalog/Components/CatalogMakeup/OptionSelector/index.tsx': return import('./index-20daacd6.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/Price/index.tsx': return import('./index-f91eb288.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/ProduktDetails/index.tsx': return import('./index-baf90f0d.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/TabGroupTitle/index.tsx': return import('./index-53207675.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/ArticleProperties.tsx': return import('./ArticleProperties-0137784e.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/CatalogProperties.tsx': return import('./CatalogProperties-96098b72.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.tsx': return import('./OptionProperties-dfdd2bc6.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionValueProperties.tsx': return import('./OptionValueProperties-0780b243.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Table/index.tsx': return import('./index-7574e7a7.js').then(function (n) { return n.i; });
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/index.tsx': return import('./index-8e1769e9.js').then(function (n) { return n.i; });
-    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/BoxCopy/index.tsx': return import('./index-e21cd1b3.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/ElementCopy/index.tsx': return import('./index-ef81bd7f.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Dimension/DistanceToGround/index.tsx': return import('./index-284962db.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVL/index.tsx': return import('./index-d5be824f.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVR/index.tsx': return import('./index-65bfaeec.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/DPACC/index.tsx': return import('./index-e7cef2f8.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/Rotation3DGrid/index.tsx': return import('./index-8d6b8aef.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationClockwise/index.tsx': return import('./index-9eb59da0.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationCounterClockwise/index.tsx': return import('./index-9ffe8bca.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/Arrow/index.tsx': return import('./index-58ddb1fb.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/FilterItem/index.tsx': return import('./index-52f5e521.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/FavoritesButton/index.tsx': return import('./index-f76d7a09.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/InfoButton/index.tsx': return import('./index-3dc7c9dd.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/NumberInput/index.tsx': return import('./index-c68267f0.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/PDFButton/index.tsx': return import('./index-a4b942d6.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/index.tsx': return import('./index-08495a6b.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SummaryVariantButton/index.tsx': return import('./index-25e65ff3.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/serious/index.tsx': return import('./index-05c4a3c4.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/standard/index.tsx': return import('./index-447770b8.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Default/index.tsx': return import('./index-775f8aec.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerSwitch/index.tsx': return import('./index-46a55e9b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/ReplaceSwitch/index.tsx': return import('./index-9345d75a.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/MetaData/index.tsx': return import('./index-e94c262c.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/Tooltip/index.tsx': return import('./index-87a71155.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.tsx': return import('./index-826148b9.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.tsx': return import('./index-497b44ed.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/index.tsx': return import('./index-1ffe98c3.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/GalleryText/index.tsx': return import('./index-fc97d0c8.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/index.tsx': return import('./index-e7d34bb0.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/Search/index.tsx': return import('./index-2dcbe62c.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/index.tsx': return import('./index-71e15dc6.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/SelectedAcc/index.tsx': return import('./index-429794a4.js').then(function (n) { return n.j; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoires/index.tsx': return import('./index-dcde5f1f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoiresOld/index.tsx': return import('./index-58ef7711.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Articles/index.tsx': return import('./index-2b54666b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/index.tsx': return import('./index-a2f5805c.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/PartList/index.tsx': return import('./index-0d36d851.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/TotalPrice/index.tsx': return import('./index-4324589b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Variants/index.tsx': return import('./index-8d3ef321.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleElement/index.tsx': return import('./index-e413cb8f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleHeader/index.tsx': return import('./index-8995a5b9.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleName/index.tsx': return import('./index-ec4ab971.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleOption/index.tsx': return import('./index-5c2c2905.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ToolTip/GalleryTooltip/index.tsx': return import('./index-6f666d9f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/jungle/group/index.tsx': return import('./index-4cf873c0.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/standard/Group/index.tsx': return import('./index-3d842e2e.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/SVGOverview/index.tsx': return import('./index-b2b2cb9a.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/SVGSourceViewer/index.tsx': return import('./index-8c764844.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/TabGroupTitle/Options/index.tsx': return import('./index-e2b903ba.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/FullscreenAr/index.tsx': return import('./index-2130e283.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/Tooltip/index.tsx': return import('./index-135a9b35.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/Item/index.tsx': return import('./index-7ed071c5.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.tsx': return import('./index-113f2825.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.tsx': return import('./index-c5516f44.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/index.tsx': return import('./index-2c463f62.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/NumberBox/index.tsx': return import('./index-a122e4a6.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Range/index.tsx': return import('./index-9a190d82.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/serious/index.tsx': return import('./index-53e4fe2e.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/standard/index.tsx': return import('./index-5ca56aad.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/lessSimple/index.tsx': return import('./index-be2cdede.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/standard/index.tsx': return import('./index-28815f4b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/DeleteButton/index.tsx': return import('./index-94304f84.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/serious/index.tsx': return import('./index-cb66636f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/standard/index.tsx': return import('./index-e4f7ca5d.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/MobileDropdown/index.tsx': return import('./index-29aa8b80.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/jungle/index.tsx': return import('./index-ead326fb.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/serious/index.tsx': return import('./index-b49e1aa8.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/standard/index.tsx': return import('./index-c763123e.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/index.tsx': return import('./index-f19b4c9e.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/ViewPoint/index.tsx': return import('./index-a5ed51a2.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/round/index.tsx': return import('./index-2f63aa4f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/serious/index.tsx': return import('./index-aa244b83.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/standard/index.tsx': return import('./index-2b21f5da.js');
+    case '../components/Layout/classification/index.tsx': return import('./index-b38fc3b2.js');
+    case '../components/Layout/gold/index.tsx': return import('./index-0440bd9e.js');
+    case '../components/Layout/lessSimple/index.tsx': return import('./index-adf9f458.js');
+    case '../components/Layout/ralph/index.tsx': return import('./index-e5dab81d.js');
+    case '../components/Layout/serious/index.tsx': return import('./index-8d04f4ee.js');
+    case '../components/Layout/seriousRight/index.tsx': return import('./index-5fd8a3bc.js');
+    case '../components/Layout/simple/index.tsx': return import('./index-ff01f536.js');
+    case '../components/Layout/standard/index.tsx': return import('./index-e4f8339a.js');
+    case '../components/Layout/wysiwyg/index.tsx': return import('./index-6cedd1e7.js');
+    case '../components/Product/ContentItemWrapper/index.tsx': return import('./index-11540195.js');
+    case '../components/Product/Product/index.tsx': return import('./index-eb2cf2ef.js');
+    case '../components/Product/ProductCenter/index.tsx': return import('./index-b5a3daee.js');
+    case '../components/Product/ProductFooter/index.tsx': return import('./index-0a636922.js');
+    case '../components/Product/ProductInfo/index.tsx': return import('./index-11b4a4aa.js');
+    case '../components/Product/ProductSettings/index.tsx': return import('./index-bfc97e7c.js');
+    case '../components/Settings/SettingsHeaderContainer/index.tsx': return import('./index-22e87410.js');
+    case '../components/Settings/SettingsScroller/index.tsx': return import('./index-cd991708.js');
+    case '../components/TabGroup/ProgressBar/index.tsx': return import('./index-a0b98907.js');
+    case '../components/TabGroup/TabGroupHorizontal/index.tsx': return import('./index-280278fc.js');
+    case '../components/TabGroup/TabGroupSingle/index.tsx': return import('./index-01928d0b.js');
+    case '../components/TabGroup/TabGroupVertical/index.tsx': return import('./index-77e28bd2.js');
+    case '../components/Action/Basket/gold/index.tsx': return import('./index-c32731ae.js');
+    case '../components/Action/Basket/ralph/index.tsx': return import('./index-c6c0229b.js');
+    case '../components/Action/Basket/serious/index.tsx': return import('./index-5ddbdc4b.js');
+    case '../components/Action/Basket/standard/index.tsx': return import('./index-219121ad.js');
+    case '../components/Action/Navigation/blue/index.tsx': return import('./index-eb9350f1.js');
+    case '../components/Action/Navigation/gold/index.tsx': return import('./index-4d1f44db.js');
+    case '../components/Action/Navigation/ralph/index.tsx': return import('./index-face2dca.js');
+    case '../components/Action/Navigation/standard/index.tsx': return import('./index-78d5476d.js');
+    case '../components/GlobalElements/BarrierActions/blue/index.tsx': return import('./index-518f7b57.js');
+    case '../components/GlobalElements/BarrierActions/jungle/index.tsx': return import('./index-a8c020e6.js');
+    case '../components/GlobalElements/BarrierActions/standard/index.tsx': return import('./index-abd98f5c.js');
+    case '../components/GlobalElements/PopupWindows/Inputbox/index.tsx': return import('./index-738d1102.js');
+    case '../components/Layout/wysiwyg/Toolbar/index.tsx': return import('./index-185848dc.js');
+    case '../components/Product/Product/catalog/index.tsx': return import('./index-4cfe357e.js');
+    case '../components/Product/Product/serious/index.tsx': return import('./index-9a398340.js');
+    case '../components/Product/Product/simple/index.tsx': return import('./index-0f0d2d8f.js');
+    case '../components/Product/Product/standard/index.tsx': return import('./index-06de78af.js');
+    case '../components/Product/ProductCenter/Planner2DGird/index.tsx': return import('./index-ded2cf36.js');
+    case '../components/Product/ProductCenter/Planner3DGrid/index.tsx': return import('./index-7d4cf680.js');
+    case '../components/Product/ProductCenter/Planner3DImage/index.tsx': return import('./index-63d54b9a.js');
+    case '../components/Product/ProductCenter/PlannerMsgContainer/index.tsx': return import('./index-3ff9191d.js');
+    case '../components/Product/ProductCenter/PlannerRTV/index.tsx': return import('./index-d965cdee.js');
+    case '../components/Product/ProductCenter/PlannerSirvViewer/index.tsx': return import('./index-7803d68d.js');
+    case '../components/Product/ProductCenter/PlannerUI/index.tsx': return import('./index-b3b83a8a.js');
+    case '../components/Product/ProductCenter/PromotedOpvs/index.tsx': return import('./index-d82402e8.js');
+    case '../components/Product/ProductCenter/RoomListSelection/index.tsx': return import('./index-8904ccd7.js');
+    case '../components/Product/ProductCenter/RotateInfo/index.tsx': return import('./index-32d191cb.js');
+    case '../components/Product/ProductFooter/gold/index.tsx': return import('./index-83d3e285.js');
+    case '../components/Product/ProductFooter/ralph/index.tsx': return import('./index-fc25b707.js');
+    case '../components/Product/ProductFooter/standard/index.tsx': return import('./index-3187f67f.js');
+    case '../components/Product/ProductHeader/CreateCache/index.tsx': return import('./index-60c78afc.js');
+    case '../components/Product/ProductHeader/Functions/index.tsx': return import('./index-1ad9bfaf.js');
+    case '../components/Product/ProductHeader/ProductHeader/index.tsx': return import('./index-5250eb99.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/index.tsx': return import('./index-83b4eb6b.js').then(function (n) { return n.i; });
+    case '../components/Settings/SettingsScroller/SettingsSubTabGroup/index.tsx': return import('./index-612fbc38.js');
+    case '../components/Settings/SettingsScroller/SubTabGroup/index.tsx': return import('./index-16633b27.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/index.tsx': return import('./index-c0785770.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/index.tsx': return import('./index-b75b931c.js');
+    case '../components/Action/Basket/ralph/PriceSumm/index.tsx': return import('./index-a188c72c.js');
+    case '../components/GlobalElements/BarrierActions/blue/presets/requestProductForm.tsx': return import('./requestProductForm-02022c01.js');
+    case '../components/Layout/wysiwyg/Toolbar/ToolContainer/index.tsx': return import('./index-8eb2ff50.js');
+    case '../components/Product/Product/catalog/Sidebar/index.tsx': return import('./index-757f4e49.js');
+    case '../components/Product/Product/serious/CheckoutForm/index.tsx': return import('./index-9afbad8b.js');
+    case '../components/Product/ProductCenter/Planner3DImage/Logo/index.tsx': return import('./index-12a7e314.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/index.tsx': return import('./index-64d0a8c7.js');
+    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/index.tsx': return import('./index-221e4707.js');
+    case '../components/Product/ProductCenter/PlannerMsgContainer/simple/index.tsx': return import('./index-a758100e.js');
+    case '../components/Product/ProductCenter/PlannerMsgContainer/standard/index.tsx': return import('./index-f2acc975.js');
+    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/index.tsx': return import('./index-f505fa44.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/index.tsx': return import('./index-f592cb8e.js');
+    case '../components/Product/ProductCenter/RoomListSelection/serious/index.tsx': return import('./index-c5a76f1d.js');
+    case '../components/Product/ProductCenter/RoomListSelection/standard/index.tsx': return import('./index-27de9d2e.js');
+    case '../components/Product/ProductHeader/Functions/gold/index.tsx': return import('./index-5e5d124c.js');
+    case '../components/Product/ProductHeader/Functions/ralph/index.tsx': return import('./index-b27772a7.js');
+    case '../components/Product/ProductHeader/Functions/standard/index.tsx': return import('./index-169c672a.js');
+    case '../components/Product/ProductHeader/ProductHeader/blue/index.tsx': return import('./index-61546ae0.js');
+    case '../components/Product/ProductHeader/ProductHeader/ralph/index.tsx': return import('./index-0af4df90.js');
+    case '../components/Product/ProductHeader/ProductHeader/standard/index.tsx': return import('./index-e594befc.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/DockFilter/index.tsx': return import('./index-0a819c77.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/index.tsx': return import('./index-97c824ae.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/Searchbar/index.tsx': return import('./index-49d9dcdf.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/index.tsx': return import('./index-1a168e32.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsConfigSingle/index.tsx': return import('./index-5ecacd93.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/index.tsx': return import('./index-26a91bd2.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ComponentMap/index.tsx': return import('./index-9e0f55ae.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemWrapper/index.tsx': return import('./index-d019b88c.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/index.tsx': return import('./index-63a362c9.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroupDropdown/index.tsx': return import('./index-fb7665aa.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/StepInfo/index.tsx': return import('./index-e6229640.js');
+    case '../components/Settings/SettingsScroller/SettingsSubTabGroup/SubTabGroup/index.tsx': return import('./index-7949daed.js');
+    case '../components/Settings/SettingsScroller/SettingsSubTabGroup/SubTabGroupHeader/index.tsx': return import('./index-8d1ea5d0.js');
+    case '../components/Settings/SettingsScroller/SubTabGroup/SubTabGroupHeader/index.tsx': return import('./index-6551f4cc.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/gold/index.tsx': return import('./index-d7311c00.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/lessSimple/index.tsx': return import('./index-e49fa755.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/ralph/index.tsx': return import('./index-761db232.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/standard/index.tsx': return import('./index-3ccd270e.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/index.tsx': return import('./index-088b72e9.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/free/index.tsx': return import('./index-5e2ba075.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/mountain/index.tsx': return import('./index-57e6cb13.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/serious/index.tsx': return import('./index-5053fe76.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/standard/index.tsx': return import('./index-8f1fb392.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/index.tsx': return import('./index-50b11feb.js');
+    case '../components/Product/Product/catalog/Components/CatalogMakeup/index.tsx': return import('./index-762854ba.js');
+    case '../components/Product/Product/catalog/Components/EkTextViewer/index.tsx': return import('./index-c97d39a3.js');
+    case '../components/Product/Product/catalog/Components/J3DEditor/index.tsx': return import('./index-a0054057.js');
+    case '../components/Product/Product/catalog/Components/JsonAnalyser/index.tsx': return import('./index-fdd72580.js');
+    case '../components/Product/Product/catalog/Components/MaskEditor/index.tsx': return import('./index-0822c672.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/index.tsx': return import('./index-510fb801.js');
+    case '../components/Product/Product/catalog/Components/PartList/index.tsx': return import('./index-a3755f93.js');
+    case '../components/Product/Product/catalog/Components/PartListAnalyzer/index.tsx': return import('./index-fec3fe6e.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/index.tsx': return import('./index-6d85437b.js');
+    case '../components/Product/Product/catalog/Components/RTVAnalyzer/index.tsx': return import('./index-48e5d54b.js');
+    case '../components/Product/Product/catalog/Components/SVGAnalyser/index.tsx': return import('./index-ba29c3f2.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/gold/index.tsx': return import('./index-15ffb55a.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/serious/index.tsx': return import('./index-2e04b406.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/index.tsx': return import('./index-4f9417b0.js');
+    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/serious/index.tsx': return import('./index-e39b8306.js');
+    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.tsx': return import('./index-b48bbbf8.js');
+    case '../components/Product/ProductCenter/PlannerMsgContainer/standard/PlannerMsgItem/index.tsx': return import('./index-9764670d.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Move3DGrid/index.tsx': return import('./index-fb4fc146.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Outline/index.tsx': return import('./index-a400b45f.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Outline3D/index.tsx': return import('./index-66f11a92.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/PosNr/index.tsx': return import('./index-8b24c19f.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Trash/index.tsx': return import('./index-89876fea.js');
+    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/ItemsDPAccContainer/index.tsx': return import('./index-5ac4ac1a.js').then(function (n) { return n.i; });
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/gold/index.tsx': return import('./index-ae02b200.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/hidden/index.tsx': return import('./index-1bfd55e4.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/ralph/index.tsx': return import('./index-01d380d3.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/standard/index.tsx': return import('./index-b57cc439.js');
+    case '../components/Product/ProductHeader/Functions/standard/share/index.tsx': return import('./index-7dc6dae6.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/index.tsx': return import('./index-7073598e.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/index.tsx': return import('./index-7246d705.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/lessSimple/index.tsx': return import('./index-c2852f5b.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/serious/index.tsx': return import('./index-42714d29.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/index.tsx': return import('./index-f204d64c.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNr/index.tsx': return import('./index-a83dd72c.js').then(function (n) { return n.i; });
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNrToolTip/index.tsx': return import('./index-2f55c191.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/index.tsx': return import('./index-1ef1209c.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/DoorPlanner/index.tsx': return import('./index-65631b4d.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/index.tsx': return import('./index-0387f5a6.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Promoted/index.tsx': return import('./index-703ab4c7.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/index.tsx': return import('./index-36bb6124.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/jungle/index.tsx': return import('./index-94de0fae.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/standard/index.tsx': return import('./index-5e3a9dba.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/Header/index.tsx': return import('./index-cca1b779.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/configstep/index.tsx': return import('./index-2094e2e6.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/JsonEditor/index.tsx': return import('./index-72104f37.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/JsonViewer/index.tsx': return import('./index-7d72cd01.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/index.tsx': return import('./index-e1b7eaa9.js');
+    case '../components/Product/Product/catalog/Components/CatalogMakeup/LayoutSelection/index.tsx': return import('./index-8cece2c5.js');
+    case '../components/Product/Product/catalog/Components/CatalogMakeup/OptionSelector/index.tsx': return import('./index-f120434d.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/Price/index.tsx': return import('./index-63e7d1c7.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/ProduktDetails/index.tsx': return import('./index-b9085ddf.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/TabGroupTitle/index.tsx': return import('./index-fb24fa5c.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/ArticleProperties.tsx': return import('./ArticleProperties-a9cfc2d6.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/CatalogProperties.tsx': return import('./CatalogProperties-41abaf35.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.tsx': return import('./OptionProperties-43ba7af1.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionValueProperties.tsx': return import('./OptionValueProperties-4dcd0251.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Table/index.tsx': return import('./index-c7cb01ae.js').then(function (n) { return n.i; });
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/index.tsx': return import('./index-b51e4c75.js').then(function (n) { return n.i; });
+    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/BoxCopy/index.tsx': return import('./index-bdd266c2.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/ElementCopy/index.tsx': return import('./index-80fb69e8.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Dimension/DistanceToGround/index.tsx': return import('./index-ce683fb7.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVL/index.tsx': return import('./index-ecf9d739.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVR/index.tsx': return import('./index-fabb8690.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/DPACC/index.tsx': return import('./index-a2dd09b7.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/Rotation3DGrid/index.tsx': return import('./index-7a290619.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationClockwise/index.tsx': return import('./index-1342fd7e.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationCounterClockwise/index.tsx': return import('./index-b85082e3.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/Arrow/index.tsx': return import('./index-f083a7c1.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/FilterItem/index.tsx': return import('./index-e46acaf5.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/FavoritesButton/index.tsx': return import('./index-831e5ad9.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/InfoButton/index.tsx': return import('./index-409a89a8.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/NumberInput/index.tsx': return import('./index-3b0e3c49.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/PDFButton/index.tsx': return import('./index-7aba4a5d.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/index.tsx': return import('./index-ab90f1e9.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SummaryVariantButton/index.tsx': return import('./index-ddcb957a.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/serious/index.tsx': return import('./index-f6419e6f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/standard/index.tsx': return import('./index-ca69c7d0.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Default/index.tsx': return import('./index-39810ad2.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerSwitch/index.tsx': return import('./index-00caa216.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/ReplaceSwitch/index.tsx': return import('./index-2139eb36.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/InfoIcon/index.tsx': return import('./index-f005ad38.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/MetaData/index.tsx': return import('./index-2fe217e3.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/Tooltip/index.tsx': return import('./index-26e1da07.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.tsx': return import('./index-8c96072a.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.tsx': return import('./index-109ce2f8.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/index.tsx': return import('./index-47e1b80d.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/GalleryText/index.tsx': return import('./index-861dbe4e.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/index.tsx': return import('./index-d46fc676.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/Search/index.tsx': return import('./index-ec8f446a.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/index.tsx': return import('./index-12e0ba88.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/SelectedAcc/index.tsx': return import('./index-a62f03cc.js').then(function (n) { return n.j; });
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoires/index.tsx': return import('./index-3eef2e14.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoiresOld/index.tsx': return import('./index-b022b02e.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Articles/index.tsx': return import('./index-e8f0fb2e.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/index.tsx': return import('./index-f0cb9b16.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/PartList/index.tsx': return import('./index-cd957567.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/TotalPrice/index.tsx': return import('./index-0ef773ae.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Variants/index.tsx': return import('./index-0c76ebae.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleElement/index.tsx': return import('./index-1c47f2fd.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleHeader/index.tsx': return import('./index-91d269f6.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleName/index.tsx': return import('./index-69720634.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleOption/index.tsx': return import('./index-fd2b3173.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ToolTip/GalleryTooltip/index.tsx': return import('./index-df360d6b.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/jungle/group/index.tsx': return import('./index-19c50f3f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/standard/Group/index.tsx': return import('./index-dbeeb497.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/SVGOverview/index.tsx': return import('./index-caa57c23.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/SVGSourceViewer/index.tsx': return import('./index-3d021858.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/TabGroupTitle/Options/index.tsx': return import('./index-0ebf9bf3.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/FullscreenAr/index.tsx': return import('./index-dd7839d1.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/Tooltip/index.tsx': return import('./index-d93c9e26.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/Item/index.tsx': return import('./index-0bca20b6.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.tsx': return import('./index-39310dc3.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.tsx': return import('./index-a7955305.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/index.tsx': return import('./index-99d26400.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/NumberBox/index.tsx': return import('./index-c3dc2d23.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Range/index.tsx': return import('./index-da3d2fe3.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/serious/index.tsx': return import('./index-c575b8d7.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/standard/index.tsx': return import('./index-683bf8a7.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/lessSimple/index.tsx': return import('./index-3087515f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/standard/index.tsx': return import('./index-52fdbca4.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/DeleteButton/index.tsx': return import('./index-8c3b82d5.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/serious/index.tsx': return import('./index-d8cee8bc.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/standard/index.tsx': return import('./index-871944be.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/MobileDropdown/index.tsx': return import('./index-bedcf244.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/jungle/index.tsx': return import('./index-f48e8f37.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/serious/index.tsx': return import('./index-3b154ab1.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/standard/index.tsx': return import('./index-cf701534.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/index.tsx': return import('./index-edc75c17.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/ViewPoint/index.tsx': return import('./index-5c77e18d.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/round/index.tsx': return import('./index-98c92579.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/serious/index.tsx': return import('./index-92c2b077.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/standard/index.tsx': return import('./index-a34d72f1.js');
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))