@crystaldesign/diva-web-planner-react 26.11.0-beta.2 → 26.11.0-beta.20

package/build/esm/{index-899b8922.js → index-72ee1983.js}

@@ -13,7 +13,7 @@ import _createClass from '@babel/runtime/helpers/createClass';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { DivaError, UTMUtils, UtmSource, UtmMedium, UtmCampaign } from '@crystaldesign/diva-utils';
 import { makeAutoObservable, makeObservable, observable, action, computed, toJS } from 'mobx';
-import DivaWebPlanner, { Vector2 } from '@crystaldesign/web-planner-logic';
+import DivaWebPlanner, { Vector2, bootMark } from '@crystaldesign/web-planner-logic';
 import classnames from 'classnames';
 import { QRCodeSVG } from 'qrcode.react';
 import _typeof from '@babel/runtime/helpers/typeof';
@@ -525,8 +525,12 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
         this.curTabGroup = newTabGroup;
         var newOption = newTabGroup.options.get(this.curConfigStep.option);
         if (newOption) {
+          var _newOption$configStep;
           this.curOption = newOption;
-          var newConfigStep = newOption.configSteps.get(this.curConfigStep.key);
+          //a configure can re-key the option's steps (checkForMergableSelectionModes flips ALL <-> BasketId keys when the
+          //selection-mode mix of the tab group changes) - fall back to the option's first step so curConfigStep never
+          //points to a step that no longer exists in the current tree
+          var newConfigStep = (_newOption$configStep = newOption.configSteps.get(this.curConfigStep.key)) !== null && _newOption$configStep !== void 0 ? _newOption$configStep : newOption.configSteps.values().next().value;
           if (newConfigStep) this.curConfigStep = newConfigStep;
         }
       }
@@ -3077,22 +3081,29 @@ var PaletteViewHandler = /*#__PURE__*/function () {
         return _clickedOnAccessoirePalette.apply(this, arguments);
       }
       return clickedOnAccessoirePalette;
-    }()
+    }() /** `armAutoPlace: false` = select-only, no `autoPlaceDrag` auto-placement (palette single click). */
   }, {
     key: "selectShelfAccessorie",
-    value: function () {
+    value: (function () {
       var _selectShelfAccessorie = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(articleCodex, basketId) {
-        var grids, _grids$find, accessoire, stepOfAccessoire;
+        var armAutoPlace,
+          grids,
+          _grids$find,
+          accessoire,
+          stepOfAccessoire,
+          _args13 = arguments;
         return _regeneratorRuntime.wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              grids = this.shelfItem.Grids;
+              armAutoPlace = _args13.length > 2 && _args13[2] !== undefined ? _args13[2] : true;
+              grids = this.shelfItem.Grids; // Must stay before the awaits — overlapping click/dblclick calls resolve out of order.
+              this.settingsState.setArmedAccessory(armAutoPlace && articleCodex !== undefined && basketId === undefined ? articleCodex : undefined);
               if (!(grids !== null && grids !== void 0 && grids.length)) {
-                _context13.next = 13;
+                _context13.next = 15;
                 break;
               }
               if (!basketId) {
-                _context13.next = 11;
+                _context13.next = 13;
                 break;
               }
               accessoire = (_grids$find = grids.find(function (g) {
@@ -3100,24 +3111,24 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               })) === 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))) {
-                _context13.next = 11;
+                _context13.next = 13;
                 break;
               }
               this.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(stepOfAccessoire);
               //TODO after navigation select the accessorie again
-              _context13.next = 9;
+              _context13.next = 11;
               return this.updateCurPaletteData(true);
-            case 9:
+            case 11:
               this.selectShelfAccessorie(articleCodex, basketId);
               return _context13.abrupt("return");
-            case 11:
-              _context13.next = 13;
-              return this.clickedOnShelfAccessorie(grids, articleCodex, basketId);
             case 13:
+              _context13.next = 15;
+              return this.clickedOnShelfAccessorie(grids, articleCodex, basketId);
+            case 15:
               this.settingsState.setSelectedShelfAccessoire(basketId);
               this.updateCurPaletteData(true);
               if (this.settingsState.activeSnapPointIndex == 3) this.settingsState.setActiveSnapPointIndex(2);
-            case 16:
+            case 18:
             case "end":
               return _context13.stop();
           }
@@ -3127,31 +3138,73 @@ var PaletteViewHandler = /*#__PURE__*/function () {
         return _selectShelfAccessorie.apply(this, arguments);
       }
       return selectShelfAccessorie;
-    }()
+    }() /** Palette tile dragstart: select the article and push its free cells, without arming auto-place. */)
+  }, {
+    key: "startShelfAccessorieDrag",
+    value: (function () {
+      var _startShelfAccessorieDrag = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(articleCodex) {
+        var _this$settingsState$i, _this$settingsState$i2;
+        var grids, configStepKey;
+        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
+            case 0:
+              this.settingsState.setArmedAccessory(undefined);
+              this.settingsState.setDraggedAccessory(articleCodex);
+              this.divaWebPlanner.setIncludeFamilyInFreePlaces(true);
+              grids = this.shelfItem.Grids;
+              if (!(grids !== null && grids !== void 0 && grids.length)) {
+                _context14.next = 7;
+                break;
+              }
+              _context14.next = 7;
+              return this.clickedOnShelfAccessorie(grids, articleCodex);
+            case 7:
+              configStepKey = (_this$settingsState$i = (_this$settingsState$i2 = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i2 === void 0 ? void 0 : _this$settingsState$i2.configStepKey) !== null && _this$settingsState$i !== void 0 ? _this$settingsState$i : this.configuratorStructureHandler.curConfigStepKey;
+              _context14.next = 10;
+              return this.updateFreePlacesOnGrids(configStepKey, 'palette drag', true);
+            case 10:
+              this.updateCurPaletteData(true);
+            case 11:
+            case "end":
+              return _context14.stop();
+          }
+        }, _callee14, this);
+      }));
+      function startShelfAccessorieDrag(_x26) {
+        return _startShelfAccessorieDrag.apply(this, arguments);
+      }
+      return startShelfAccessorieDrag;
+    }())
+  }, {
+    key: "endShelfAccessorieDrag",
+    value: function endShelfAccessorieDrag() {
+      this.settingsState.setDraggedAccessory(undefined);
+      this.divaWebPlanner.setIncludeFamilyInFreePlaces(false);
+    }
   }, {
     key: "clickedOnShelfAccessorie",
     value: function () {
-      var _clickedOnShelfAccessorie = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(grids, itemCodex, basketId, triggerUpdate) {
-        var _this$settingsState$i;
+      var _clickedOnShelfAccessorie = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(grids, itemCodex, basketId, triggerUpdate) {
+        var _this$settingsState$i3;
         var targetArticles, configStepKey;
-        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               targetArticles = grids.map(function (g) {
                 return g.basketId;
               });
-              configStepKey = (_this$settingsState$i = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i === void 0 ? void 0 : _this$settingsState$i.configStepKey;
+              configStepKey = (_this$settingsState$i3 = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i3 === void 0 ? void 0 : _this$settingsState$i3.configStepKey;
               this.divaWebPlanner.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');
               if (triggerUpdate) this.updateCurPaletteData(true);
             case 6:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this);
+        }, _callee15, this);
       }));
-      function clickedOnShelfAccessorie(_x26, _x27, _x28, _x29) {
+      function clickedOnShelfAccessorie(_x27, _x28, _x29, _x30) {
         return _clickedOnShelfAccessorie.apply(this, arguments);
       }
       return clickedOnShelfAccessorie;
@@ -3159,21 +3212,33 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "updateFreePlacesOnGrids",
     value: function () {
-      var _updateFreePlacesOnGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(shelfId, from) {
-        var _yield$this$divaWebPl, freeShelfGrids, noFreeSpace, _this$shelfItem, _this$shelfItem$getAl, _this$uiState$i18nIns, _this$uiState$i18nIns2, selectedAcc, selectedShelAccessoire, msg;
-        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+      var _updateFreePlacesOnGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(shelfId, from) {
+        var includeFamily,
+          _yield$this$divaWebPl,
+          freeShelfGrids,
+          noFreeSpace,
+          _this$shelfItem,
+          _this$shelfItem$getAl,
+          _this$uiState$i18nIns,
+          _this$uiState$i18nIns2,
+          selectedAcc,
+          selectedShelAccessoire,
+          msg,
+          _args16 = arguments;
+        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
+              includeFamily = _args16.length > 2 && _args16[2] !== undefined ? _args16[2] : false;
               if (this.productState.shelfPlannerRTV) {
-                _context15.next = 2;
+                _context16.next = 3;
                 break;
               }
-              return _context15.abrupt("return");
-            case 2:
-              _context15.next = 4;
-              return this.divaWebPlanner.getFreePlacesOnGrids(shelfId, from);
-            case 4:
-              _yield$this$divaWebPl = _context15.sent;
+              return _context16.abrupt("return");
+            case 3:
+              _context16.next = 5;
+              return this.divaWebPlanner.getFreePlacesOnGrids(shelfId, from, includeFamily);
+            case 5:
+              _yield$this$divaWebPl = _context16.sent;
               freeShelfGrids = _yield$this$divaWebPl.freeShelfGrids;
               noFreeSpace = freeShelfGrids && !freeShelfGrids.find(function (a) {
                 return Object.values(a.grids).find(function (g) {
@@ -3194,13 +3259,13 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               } else {
                 this.updatePlannerMsgContainer('SHELFPLANNER_MSG', false, 'INFO', '', false);
               }
-            case 8:
+            case 9:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this);
+        }, _callee16, this);
       }));
-      function updateFreePlacesOnGrids(_x30, _x31) {
+      function updateFreePlacesOnGrids(_x31, _x32) {
         return _updateFreePlacesOnGrids.apply(this, arguments);
       }
       return updateFreePlacesOnGrids;
@@ -3208,15 +3273,15 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "clickedOnConfigPalette",
     value: function () {
-      var _clickedOnConfigPalette = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(item, from, paletteId) {
+      var _clickedOnConfigPalette = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(item, from, paletteId) {
         var _item$ocd,
           _palette$configStepKe,
           _palette$configAllMod,
           _this4 = this,
           _item$contentItemId;
         var op, codex, palette, configStepKey, myValues, targetArticles, notifications, _this$configuratorStr, _this$configuratorStr2, _this$configuratorStr3, groupValCodex, groupOptionCodex;
-        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+        return _regeneratorRuntime.wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
               op = (item.parentOptionCodex ? item.parentOptionCodex + '.' : '') + item.op;
               codex = (_item$ocd = item.ocd) !== null && _item$ocd !== void 0 ? _item$ocd : item.codex;
@@ -3234,14 +3299,14 @@ var PaletteViewHandler = /*#__PURE__*/function () {
 
               //show freeText Dialog
               if (!(!!item.isFreeText && from != 'inputbox')) {
-                _context16.next = 11;
+                _context17.next = 11;
                 break;
               }
               this.settingsState.updateInputBoxValues(true, item);
-              return _context16.abrupt("return");
+              return _context17.abrupt("return");
             case 11:
               if (!(from !== 'notification')) {
-                _context16.next = 16;
+                _context17.next = 16;
                 break;
               }
               notifications = this.divaWebPlanner.checkNotificationRules(targetArticles, this.configuratorStructureHandler.visitedOptions, {
@@ -3252,27 +3317,27 @@ var PaletteViewHandler = /*#__PURE__*/function () {
                 }
               });
               if (!(notifications !== null && notifications !== void 0 && notifications.length)) {
-                _context16.next = 16;
+                _context17.next = 16;
                 break;
               }
               this.manageNotifications(notifications, function () {
                 _this4.clickedOnConfigPalette(item, 'notification', paletteId);
               });
-              return _context16.abrupt("return");
+              return _context17.abrupt("return");
             case 16:
               if (!item.disabledByConstructionRule) {
-                _context16.next = 19;
+                _context17.next = 19;
                 break;
               }
               this.updatePlannerMsgContainer('DISABLED_BY_CONSTRUCTION', true, 'INFO', item.disabledByConstructionRule, true);
-              return _context16.abrupt("return");
+              return _context17.abrupt("return");
             case 19:
               if (((_item$contentItemId = item.contentItemId) !== null && _item$contentItemId !== void 0 ? _item$contentItemId : item.groupContentItemId) || this.settingsState.conetentItemOfOPVOpen) {
                 if (item.groupContentItemId) this.settingsState.setContentItemId(item.groupContentItemId, true, item.groupName + (item.parentName ? '_' + item.parentName : ''));else if (item.contentItemId) this.settingsState.setContentItemId(item.contentItemId, true, item.codex);
               }
               if (item.isMultiSelect) codex = this.handleMultiselectCodex(codex, item, palette);
               if (!(op && targetArticles)) {
-                _context16.next = 30;
+                _context17.next = 30;
                 break;
               }
               myValues[op] = codex;
@@ -3289,7 +3354,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
                   myValues[groupOptionCodex] = groupValCodex;
                 }
               }
-              _context16.next = 27;
+              _context17.next = 27;
               return this.divaWebPlanner.doConfigure(myValues, targetArticles);
             case 27:
               this.doDefineOptions(myValues, targetArticles);
@@ -3309,11 +3374,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               }
             case 32:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
-      function clickedOnConfigPalette(_x32, _x33, _x34) {
+      function clickedOnConfigPalette(_x33, _x34, _x35) {
         return _clickedOnConfigPalette.apply(this, arguments);
       }
       return clickedOnConfigPalette;
@@ -3402,11 +3467,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "onFreeTextLangChanged",
     value: function () {
-      var _onFreeTextLangChanged = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(lang, text, item, paletteId) {
+      var _onFreeTextLangChanged = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(lang, text, item, paletteId) {
         var _item$freeTextLang$DE, _item$freeTextLang, _item$freeTextLang$FR, _item$freeTextLang2, _item$freeTextLang$IT, _item$freeTextLang3;
         var op, palette, configStepKey, targetArticles, value, myValues;
-        return _regeneratorRuntime.wrap(function _callee17$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regeneratorRuntime.wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
               op = item.op;
               palette = paletteId ? this.settingsState.itemPalettes.get(paletteId) : undefined;
@@ -3417,17 +3482,17 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               targetArticles = this.configuratorStructureHandler.getActiveArticlesOfTabGroup(configStepKey, this.settingsState.doConfigSingle);
               value = (lang == 'DE' ? text : (_item$freeTextLang$DE = (_item$freeTextLang = item.freeTextLang) === null || _item$freeTextLang === void 0 ? void 0 : _item$freeTextLang['DE']) !== null && _item$freeTextLang$DE !== void 0 ? _item$freeTextLang$DE : '') + '##' + (lang == 'FR' ? text : (_item$freeTextLang$FR = (_item$freeTextLang2 = item.freeTextLang) === null || _item$freeTextLang2 === void 0 ? void 0 : _item$freeTextLang2['FR']) !== null && _item$freeTextLang$FR !== void 0 ? _item$freeTextLang$FR : '') + '##' + (lang == 'IT' ? text : (_item$freeTextLang$IT = (_item$freeTextLang3 = item.freeTextLang) === null || _item$freeTextLang3 === void 0 ? void 0 : _item$freeTextLang3['IT']) !== null && _item$freeTextLang$IT !== void 0 ? _item$freeTextLang$IT : '');
               myValues = _defineProperty({}, op, value);
-              _context17.next = 9;
+              _context18.next = 9;
               return this.divaWebPlanner.doConfigure(myValues, targetArticles);
             case 9:
               this.updateCurPaletteData(false, configStepKey);
             case 10:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee17, this);
+        }, _callee18, this);
       }));
-      function onFreeTextLangChanged(_x35, _x36, _x37, _x38) {
+      function onFreeTextLangChanged(_x36, _x37, _x38, _x39) {
         return _onFreeTextLangChanged.apply(this, arguments);
       }
       return onFreeTextLangChanged;
@@ -3444,26 +3509,26 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "changeOnCheckoutConfig",
     value: function () {
-      var _changeOnCheckoutConfig = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(myValues) {
+      var _changeOnCheckoutConfig = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(myValues) {
         var targetArticles,
-          _args18 = arguments;
-        return _regeneratorRuntime.wrap(function _callee18$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+          _args19 = arguments;
+        return _regeneratorRuntime.wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
-              targetArticles = _args18.length > 1 && _args18[1] !== undefined ? _args18[1] : Object.values(this.settingsState.articleInfos).map(function (a) {
+              targetArticles = _args19.length > 1 && _args19[1] !== undefined ? _args19[1] : Object.values(this.settingsState.articleInfos).map(function (a) {
                 return a.basketId;
               });
-              _context18.next = 3;
+              _context19.next = 3;
               return this.divaWebPlanner.doConfigure(myValues, targetArticles);
             case 3:
               this.updateCurPaletteData(false);
             case 4:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
-        }, _callee18, this);
+        }, _callee19, this);
       }));
-      function changeOnCheckoutConfig(_x39) {
+      function changeOnCheckoutConfig(_x40) {
         return _changeOnCheckoutConfig.apply(this, arguments);
       }
       return changeOnCheckoutConfig;
@@ -3471,11 +3536,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "onRangeClickChange",
     value: function () {
-      var _onRangeClickChange = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(palette, item, value, onSlide) {
+      var _onRangeClickChange = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(palette, item, value, onSlide) {
         var _freeText, _freeText2;
         var freeText, myValues, configStepKey, targetArticles;
-        return _regeneratorRuntime.wrap(function _callee19$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+        return _regeneratorRuntime.wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
               freeText = value;
               myValues = {};
@@ -3485,18 +3550,18 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               freeText = (_freeText = freeText) === null || _freeText === void 0 ? void 0 : _freeText.toString();
               myValues[item.op + '_val'] = (_freeText2 = freeText) !== null && _freeText2 !== void 0 ? _freeText2 : '';
               this.visitStepsHandler.defineOptionOfConfigStepKey(configStepKey);
-              _context19.next = 10;
+              _context20.next = 10;
               return this.divaWebPlanner.doConfigure(myValues, targetArticles, onSlide);
             case 10:
               if (!onSlide) this.updateCurPaletteData(false, configStepKey);
               this.settingsState.ConfigDidChange();
             case 12:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee19, this);
+        }, _callee20, this);
       }));
-      function onRangeClickChange(_x40, _x41, _x42, _x43) {
+      function onRangeClickChange(_x41, _x42, _x43, _x44) {
         return _onRangeClickChange.apply(this, arguments);
       }
       return onRangeClickChange;
@@ -3504,11 +3569,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "clickedOnFavIcon",
     value: function () {
-      var _clickedOnFavIcon = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(item) {
+      var _clickedOnFavIcon = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(item) {
         var _item$ocd3;
         var remove, myValues, groupValCodex, groupOptionCodex, _key;
-        return _regeneratorRuntime.wrap(function _callee20$(_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+        return _regeneratorRuntime.wrap(function _callee21$(_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
             case 0:
               remove = item.isFav;
               myValues = {};
@@ -3526,11 +3591,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               }
             case 5:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
-        }, _callee20, this);
+        }, _callee21, this);
       }));
-      function clickedOnFavIcon(_x44) {
+      function clickedOnFavIcon(_x45) {
         return _clickedOnFavIcon.apply(this, arguments);
       }
       return clickedOnFavIcon;
@@ -3538,24 +3603,24 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "clickedOnSummaryPalette",
     value: function () {
-      var _clickedOnSummaryPalette = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(item) {
-        return _regeneratorRuntime.wrap(function _callee21$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+      var _clickedOnSummaryPalette = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(item) {
+        return _regeneratorRuntime.wrap(function _callee22$(_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
             case 0:
               this.divaWebPlanner.setActSet(item.setId);
               this.configuratorStructureHandler.setActStepByPosNrFromSummary(item.posNr);
               this.updateConfiguratorState(true);
-              _context21.next = 5;
+              _context22.next = 5;
               return DivaUtils.Sleep(200);
             case 5:
               this.scrollToConfigStepByPosNr(item.posNr, true);
             case 6:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
-        }, _callee21, this);
+        }, _callee22, this);
       }));
-      function clickedOnSummaryPalette(_x45) {
+      function clickedOnSummaryPalette(_x46) {
         return _clickedOnSummaryPalette.apply(this, arguments);
       }
       return clickedOnSummaryPalette;
@@ -3563,9 +3628,9 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "clickedOnStaticRoomPalette",
     value: function () {
-      var _clickedOnStaticRoomPalette = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(item, dontUpdateView) {
-        return _regeneratorRuntime.wrap(function _callee22$(_context22) {
-          while (1) switch (_context22.prev = _context22.next) {
+      var _clickedOnStaticRoomPalette = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(item, dontUpdateView) {
+        return _regeneratorRuntime.wrap(function _callee23$(_context23) {
+          while (1) switch (_context23.prev = _context23.next) {
             case 0:
               // temporally hide the orbit cube. This variable will later be set to the correct value
               this.productState.setPlannerRenderingIsStaticBG(true);
@@ -3582,11 +3647,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               });
             case 4:
             case "end":
-              return _context22.stop();
+              return _context23.stop();
           }
-        }, _callee22, this);
+        }, _callee23, this);
       }));
-      function clickedOnStaticRoomPalette(_x46, _x47) {
+      function clickedOnStaticRoomPalette(_x47, _x48) {
         return _clickedOnStaticRoomPalette.apply(this, arguments);
       }
       return clickedOnStaticRoomPalette;
@@ -3594,9 +3659,9 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "clickedOnStaticVPPalette",
     value: function () {
-      var _clickedOnStaticVPPalette = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(item, dontUpdateView) {
-        return _regeneratorRuntime.wrap(function _callee23$(_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+      var _clickedOnStaticVPPalette = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(item, dontUpdateView) {
+        return _regeneratorRuntime.wrap(function _callee24$(_context24) {
+          while (1) switch (_context24.prev = _context24.next) {
             case 0:
               //Viewpointlist
               if (item.M == 'Orbit') this.divaWebPlanner.handle3DVisualizationChanged('StaticVP', {
@@ -3611,11 +3676,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               this.loadStaticRoomListItems(dontUpdateView);
             case 2:
             case "end":
-              return _context23.stop();
+              return _context24.stop();
           }
-        }, _callee23, this);
+        }, _callee24, this);
       }));
-      function clickedOnStaticVPPalette(_x48, _x49) {
+      function clickedOnStaticVPPalette(_x49, _x50) {
         return _clickedOnStaticVPPalette.apply(this, arguments);
       }
       return clickedOnStaticVPPalette;
@@ -3623,7 +3688,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "clickAddAccessorieOnShelfPlanner",
     value: function () {
-      var _clickAddAccessorieOnShelfPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(grid, cellIndex) {
+      var _clickAddAccessorieOnShelfPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(grid, cellIndex) {
         var _this6 = this,
           _this$uiState$i18nIns4,
           _this$uiState$i18nIns5,
@@ -3632,14 +3697,14 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           _this$uiState$i18nIns8,
           _this$uiState$i18nIns9,
           _this$uiState$i18nIns10;
-        var selCell, ret, _this$settingsState$i2, _this$settingsState$i3, partlistCodex, _this$shelfItem$AccIt, _this$uiState$i18nIns3, msg, count, cellsMsg, i, articleNames, _i;
-        return _regeneratorRuntime.wrap(function _callee24$(_context24) {
-          while (1) switch (_context24.prev = _context24.next) {
+        var selCell, ret, _this$settingsState$i4, _this$settingsState$i5, partlistCodex, _this$shelfItem$AccIt, _this$uiState$i18nIns3, msg, count, cellsMsg, i, articleNames, _i;
+        return _regeneratorRuntime.wrap(function _callee25$(_context25) {
+          while (1) switch (_context25.prev = _context25.next) {
             case 0:
               selCell = grid.Cells[cellIndex];
               ret = false;
               if (!(!selCell.IsDisabled && selCell.InUse == -1)) {
-                _context24.next = 11;
+                _context25.next = 11;
                 break;
               }
               partlistCodex = undefined;
@@ -3651,12 +3716,12 @@ var PaletteViewHandler = /*#__PURE__*/function () {
                   return pCodex.toLowerCase() == ((_this6$shelfItem$getA = _this6.shelfItem.getActSearchFitlerText()) === null || _this6$shelfItem$getA === void 0 ? void 0 : _this6$shelfItem$getA.toLowerCase());
                 });
               }
-              _context24.next = 7;
-              return this.divaWebPlanner.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, partlistCodex);
+              _context25.next = 7;
+              return this.divaWebPlanner.addAccessorieOnShelfPlanner(this.shelfItem.currentPaletteId, grid.ShelfIndex, cellIndex, grid.basketId, (_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, partlistCodex);
             case 7:
-              ret = _context24.sent;
+              ret = _context25.sent;
               this.settingsState.ConfigDidChange();
-              _context24.next = 13;
+              _context25.next = 13;
               break;
             case 11:
               //select the clicked article
@@ -3669,14 +3734,14 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               }
             case 13:
               if (!(ret !== false)) {
-                _context24.next = 35;
+                _context25.next = 35;
                 break;
               }
               if (ret.accessoire) {
                 this.selectShelfAccessorie(ret.accessoire.articleCodex, ret.accessoire.basketId);
               }
-              _context24.t0 = ret.type;
-              _context24.next = _context24.t0 === 'notAllowedByParentRule' ? 18 : _context24.t0 === 'notAllowedByMaxQuantityReached' ? 24 : _context24.t0 === 'doesNotFit' ? 26 : _context24.t0 === 'fitsOnParentRuleButOriginalNotAllowed' ? 28 : _context24.t0 === 'notAllowedByAccessoireRule' ? 30 : 35;
+              _context25.t0 = ret.type;
+              _context25.next = _context25.t0 === 'notAllowedByParentRule' ? 18 : _context25.t0 === 'notAllowedByMaxQuantityReached' ? 24 : _context25.t0 === 'doesNotFit' ? 26 : _context25.t0 === 'fitsOnParentRuleButOriginalNotAllowed' ? 28 : _context25.t0 === 'notAllowedByAccessoireRule' ? 30 : 35;
               break;
             case 18:
               count = ret.canOnlyFitOn.length;
@@ -3689,16 +3754,16 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               }
               cellsMsg = cellsMsg + ' ';
               this.updatePlannerMsgContainer('SHELFPLANNER_MSG', true, 'WARNING', ((_this$uiState$i18nIns4 = this.uiState.i18nInstance) === null || _this$uiState$i18nIns4 === void 0 ? void 0 : _this$uiState$i18nIns4.t('configurator.CAN_ONLY_FIT_ON_RH_1')) + cellsMsg + ((_this$uiState$i18nIns5 = this.uiState.i18nInstance) === null || _this$uiState$i18nIns5 === void 0 ? void 0 : _this$uiState$i18nIns5.t('configurator.CAN_ONLY_FIT_ON_RH_2')), true);
-              return _context24.abrupt("break", 35);
+              return _context25.abrupt("break", 35);
             case 24:
               this.updatePlannerMsgContainer('SHELFPLANNER_MSG', true, 'WARNING', (_this$uiState$i18nIns6 = this.uiState.i18nInstance) === null || _this$uiState$i18nIns6 === void 0 ? void 0 : _this$uiState$i18nIns6.t('configurator.maxQuantityReached'), true);
-              return _context24.abrupt("break", 35);
+              return _context25.abrupt("break", 35);
             case 26:
               this.updatePlannerMsgContainer('SHELFPLANNER_MSG', true, 'WARNING', ((_this$uiState$i18nIns7 = this.uiState.i18nInstance) === null || _this$uiState$i18nIns7 === void 0 ? void 0 : _this$uiState$i18nIns7.t('configurator.REGALPLANER_NO_SPACE_1')) + ' ' + ret.size.toString() + ' ' + ((_this$uiState$i18nIns8 = this.uiState.i18nInstance) === null || _this$uiState$i18nIns8 === void 0 ? void 0 : _this$uiState$i18nIns8.t('configurator.REGALPLANER_NO_SPACE_2')), true);
-              return _context24.abrupt("break", 35);
+              return _context25.abrupt("break", 35);
             case 28:
               this.updatePlannerMsgContainer('SHELFPLANNER_MSG', true, 'INFO', (_this$uiState$i18nIns9 = this.uiState.i18nInstance) === null || _this$uiState$i18nIns9 === void 0 ? void 0 : _this$uiState$i18nIns9.t('configurator.REGALPLANER_PLACED_ON_OTHER_RH'), true);
-              return _context24.abrupt("break", 35);
+              return _context25.abrupt("break", 35);
             case 30:
               articleNames = '';
               if (ret.canOnlyFitOn) for (_i = 0; _i < ret.canOnlyFitOn.length; _i++) {
@@ -3706,16 +3771,16 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               }
               articleNames = articleNames.substring(0, articleNames.length - 2);
               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 _context24.abrupt("break", 35);
+              return _context25.abrupt("break", 35);
             case 35:
               this.updateFreePlacesOnGrids(grid.gridGroup, 'click add accessorie');
             case 36:
             case "end":
-              return _context24.stop();
+              return _context25.stop();
           }
-        }, _callee24, this);
+        }, _callee25, this);
       }));
-      function clickAddAccessorieOnShelfPlanner(_x50, _x51) {
+      function clickAddAccessorieOnShelfPlanner(_x51, _x52) {
         return _clickAddAccessorieOnShelfPlanner.apply(this, arguments);
       }
       return clickAddAccessorieOnShelfPlanner;
@@ -3723,30 +3788,41 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "addAccessorieOnShelfPlannerView",
     value: function () {
-      var _addAccessorieOnShelfPlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(gridIndex, cellIndex, parentBasketId) {
-        var _this$settingsState$i4, _this$settingsState$i5;
-        var configStepKey, result;
-        return _regeneratorRuntime.wrap(function _callee25$(_context25) {
-          while (1) switch (_context25.prev = _context25.next) {
+      var _addAccessorieOnShelfPlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(gridIndex, cellIndex, parentBasketId, articleCodex) {
+        var _this$settingsState$i6, _this$settingsState$i7, _this$shelfItem2, _this$shelfItem$Grids;
+        var configStepKey, currentCodex, result;
+        return _regeneratorRuntime.wrap(function _callee26$(_context26) {
+          while (1) switch (_context26.prev = _context26.next) {
             case 0:
-              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;
-              _context25.next = 3;
+              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; // Variant-family drop: the target cell expects a family sibling — switch the active accessory
+              // to that variant first, then the regular add places it.
+              currentCodex = (_this$shelfItem2 = this.shelfItem) === null || _this$shelfItem2 === void 0 || (_this$shelfItem2 = _this$shelfItem2.Grids) === null || _this$shelfItem2 === void 0 || (_this$shelfItem2 = _this$shelfItem2.find(function (g) {
+                return g.ActAccessoire;
+              })) === null || _this$shelfItem2 === void 0 ? void 0 : _this$shelfItem2.ActAccessoire;
+              if (!(articleCodex && articleCodex !== currentCodex && (_this$shelfItem$Grids = this.shelfItem.Grids) !== null && _this$shelfItem$Grids !== void 0 && _this$shelfItem$Grids.length)) {
+                _context26.next = 5;
+                break;
+              }
+              _context26.next = 5;
+              return this.clickedOnShelfAccessorie(this.shelfItem.Grids, articleCodex);
+            case 5:
+              _context26.next = 7;
               return this.divaWebPlanner.addAccessorieOnShelfPlanner(this.shelfItem.currentPaletteId, gridIndex, cellIndex, parentBasketId, configStepKey);
-            case 3:
-              result = _context25.sent;
+            case 7:
+              result = _context26.sent;
               if (result !== false && result.accessoire) {
                 this.settingsState.setSelectedShelfAccessoire(result.accessoire.basketId);
               } else {
                 if (this.shelfItem.Grids) this.updateFreePlacesOnGrids(configStepKey, 'add_accessoire');
               }
               this.settingsState.ConfigDidChange();
-            case 6:
+            case 10:
             case "end":
-              return _context25.stop();
+              return _context26.stop();
           }
-        }, _callee25, this);
+        }, _callee26, this);
       }));
-      function addAccessorieOnShelfPlannerView(_x52, _x53, _x54) {
+      function addAccessorieOnShelfPlannerView(_x53, _x54, _x55, _x56) {
         return _addAccessorieOnShelfPlannerView.apply(this, arguments);
       }
       return addAccessorieOnShelfPlannerView;
@@ -3754,30 +3830,30 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessorieOnShelfPlannerView",
     value: function () {
-      var _deleteAccessorieOnShelfPlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(gridIndex, cellIndex, parentBasketId) {
-        var _this$settingsState$i6, _this$settingsState$i7;
+      var _deleteAccessorieOnShelfPlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(gridIndex, cellIndex, parentBasketId) {
+        var _this$settingsState$i8, _this$settingsState$i9;
         var configStepKey;
-        return _regeneratorRuntime.wrap(function _callee26$(_context26) {
-          while (1) switch (_context26.prev = _context26.next) {
+        return _regeneratorRuntime.wrap(function _callee27$(_context27) {
+          while (1) switch (_context27.prev = _context27.next) {
             case 0:
-              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;
-              _context26.next = 3;
+              configStepKey = (_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;
+              _context27.next = 3;
               return this.divaWebPlanner.deleteAccessorieOnShelfPlanner(this.shelfItem.currentPaletteId, gridIndex, cellIndex, parentBasketId, configStepKey);
             case 3:
               if (this.shelfItem.Grids) {
-                _context26.next = 5;
+                _context27.next = 5;
                 break;
               }
-              return _context26.abrupt("return");
+              return _context27.abrupt("return");
             case 5:
               this.settingsState.ConfigDidChange();
             case 6:
             case "end":
-              return _context26.stop();
+              return _context27.stop();
           }
-        }, _callee26, this);
+        }, _callee27, this);
       }));
-      function deleteAccessorieOnShelfPlannerView(_x55, _x56, _x57) {
+      function deleteAccessorieOnShelfPlannerView(_x57, _x58, _x59) {
         return _deleteAccessorieOnShelfPlannerView.apply(this, arguments);
       }
       return deleteAccessorieOnShelfPlannerView;
@@ -3785,23 +3861,23 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "shelfItemMoved",
     value: function () {
-      var _shelfItemMoved = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(grid, initialIndex, finalIndex) {
-        var _this$settingsState$i8, _this$settingsState$i9;
-        return _regeneratorRuntime.wrap(function _callee27$(_context27) {
-          while (1) switch (_context27.prev = _context27.next) {
+      var _shelfItemMoved = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(grid, initialIndex, finalIndex) {
+        var _this$settingsState$i10, _this$settingsState$i11;
+        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
             case 0:
-              _context27.next = 2;
-              return this.divaWebPlanner.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);
+              _context28.next = 2;
+              return this.divaWebPlanner.moveShelfItem(this.shelfItem.currentPaletteId, grid, initialIndex, finalIndex, (_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.updateFreePlacesOnGrids(grid.gridGroup, 'move');
               this.updateConfigStepOfProduct();
             case 4:
             case "end":
-              return _context27.stop();
+              return _context28.stop();
           }
-        }, _callee27, this);
+        }, _callee28, this);
       }));
-      function shelfItemMoved(_x58, _x59, _x60) {
+      function shelfItemMoved(_x60, _x61, _x62) {
         return _shelfItemMoved.apply(this, arguments);
       }
       return shelfItemMoved;
@@ -3809,23 +3885,23 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "clickDeleteAccessorieOnShelfPlanner",
     value: function () {
-      var _clickDeleteAccessorieOnShelfPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(grid, cellIndex) {
-        var _this$settingsState$i10, _this$settingsState$i11;
-        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
-          while (1) switch (_context28.prev = _context28.next) {
+      var _clickDeleteAccessorieOnShelfPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(grid, cellIndex) {
+        var _this$settingsState$i12, _this$settingsState$i13;
+        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
+          while (1) switch (_context29.prev = _context29.next) {
             case 0:
-              _context28.next = 2;
-              return this.divaWebPlanner.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);
+              _context29.next = 2;
+              return this.divaWebPlanner.deleteAccessorieOnShelfPlanner(this.shelfItem.currentPaletteId, grid.ShelfIndex, cellIndex, grid.basketId, (_this$settingsState$i12 = (_this$settingsState$i13 = this.settingsState.itemPalettes.get(this.shelfItem.currentPaletteId)) === null || _this$settingsState$i13 === void 0 ? void 0 : _this$settingsState$i13.configStepKey) !== null && _this$settingsState$i12 !== void 0 ? _this$settingsState$i12 : this.configuratorStructureHandler.curConfigStepKey);
             case 2:
               this.settingsState.ConfigDidChange();
               this.updateFreePlacesOnGrids(grid.gridGroup, 'delete shelf accessoire');
             case 4:
             case "end":
-              return _context28.stop();
+              return _context29.stop();
           }
-        }, _callee28, this);
+        }, _callee29, this);
       }));
-      function clickDeleteAccessorieOnShelfPlanner(_x61, _x62) {
+      function clickDeleteAccessorieOnShelfPlanner(_x63, _x64) {
         return _clickDeleteAccessorieOnShelfPlanner.apply(this, arguments);
       }
       return clickDeleteAccessorieOnShelfPlanner;
@@ -4013,79 +4089,83 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "updateCurPaletteData",
     value: (function () {
-      var _updateCurPaletteData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(wasNaviagtion) {
-        var _this$shelfItem2;
+      var _updateCurPaletteData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(wasNaviagtion) {
+        var _this$shelfItem3;
         var configStepKey,
           curState,
           configSKey,
-          _args29 = arguments;
-        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
-          while (1) switch (_context29.prev = _context29.next) {
+          _args30 = arguments;
+        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
+          while (1) switch (_context30.prev = _context30.next) {
             case 0:
-              configStepKey = _args29.length > 1 && _args29[1] !== undefined ? _args29[1] : this.configuratorStructureHandler.curConfigStepKey;
-              curState = this.getState();
+              configStepKey = _args30.length > 1 && _args30[1] !== undefined ? _args30[1] : this.configuratorStructureHandler.curConfigStepKey;
+              curState = this.getState(); //a configure can re-key config steps (checkForMergableSelectionModes), so a key captured before the rebuild may no
+              //longer exist - without this fallback loadConfigItemsOfTabGroup would silently do nothing and the palettes stay stale
+              if (curState == 'OPTION' && !this.configuratorStructureHandler.getConfigStepByKey(configStepKey)) {
+                configStepKey = this.configuratorStructureHandler.curConfigStepKey;
+              }
               this.settingsState.updateConfigSingle(false);
               this.settingsState.setDoShowActElementInfo(['ACC', 'ACC_PLANNER', 'OPTION', 'SHELFPLANNER', 'DOORPLANNER', 'STATICROOMLIST'].includes(curState));
-              _context29.next = 6;
+              _context30.next = 7;
               return this.divaWebPlanner.setActSetCurConfigStepKey(configStepKey);
-            case 6:
-              _context29.t0 = curState;
-              _context29.next = _context29.t0 === 'PLANNER' ? 9 : _context29.t0 === 'PLANNER_2.0' ? 11 : _context29.t0 === 'PRODUCTS' ? 13 : _context29.t0 === 'PROMOTED' ? 15 : _context29.t0 === 'ACC' ? 17 : _context29.t0 === 'ACC_PLANNER' ? 17 : _context29.t0 === 'OPTION' ? 20 : _context29.t0 === 'SUMMARY' ? 23 : _context29.t0 === 'STYLE_CONSULTANT' ? 26 : _context29.t0 === 'STATICROOMLIST' ? 28 : _context29.t0 === 'SHELFPLANNER' ? 30 : _context29.t0 === 'DOORPLANNER' ? 33 : 35;
+            case 7:
+              _context30.t0 = curState;
+              _context30.next = _context30.t0 === 'PLANNER' ? 10 : _context30.t0 === 'PLANNER_2.0' ? 12 : _context30.t0 === 'PRODUCTS' ? 14 : _context30.t0 === 'PROMOTED' ? 16 : _context30.t0 === 'ACC' ? 18 : _context30.t0 === 'ACC_PLANNER' ? 18 : _context30.t0 === 'OPTION' ? 21 : _context30.t0 === 'SUMMARY' ? 24 : _context30.t0 === 'STYLE_CONSULTANT' ? 27 : _context30.t0 === 'STATICROOMLIST' ? 29 : _context30.t0 === 'SHELFPLANNER' ? 31 : _context30.t0 === 'DOORPLANNER' ? 34 : 36;
               break;
-            case 9:
+            case 10:
               this.loadPlannerItems(!wasNaviagtion);
-              return _context29.abrupt("break", 37);
-            case 11:
+              return _context30.abrupt("break", 38);
+            case 12:
               this.loadPlanner2Dot0Items(!wasNaviagtion);
-              return _context29.abrupt("break", 37);
-            case 13:
+              return _context30.abrupt("break", 38);
+            case 14:
               this.loadProducts();
-              return _context29.abrupt("break", 37);
-            case 15:
+              return _context30.abrupt("break", 38);
+            case 16:
               this.loadPromoted();
-              return _context29.abrupt("break", 37);
-            case 17:
-              _context29.next = 19;
+              return _context30.abrupt("break", 38);
+            case 18:
+              _context30.next = 20;
               return this.loadAccessoiresOfActArticles();
-            case 19:
-              return _context29.abrupt("break", 37);
             case 20:
-              _context29.next = 22;
+              return _context30.abrupt("break", 38);
+            case 21:
+              _context30.next = 23;
               return this.loadConfigItemsOfTabGroup(configStepKey, wasNaviagtion ? 'byNavigation' : 'doConfigure');
-            case 22:
-              return _context29.abrupt("break", 37);
             case 23:
+              return _context30.abrupt("break", 38);
+            case 24:
               //Set in the plannerHandler all elements not selected
               if (!this.divaWebPlanner.doAllowSetPlanner()) this.updateElementSelectionPlanner([], false);
               this.loadSummaryItems();
-              return _context29.abrupt("break", 37);
-            case 26:
+              return _context30.abrupt("break", 38);
+            case 27:
               this.loadStyleConsultantItems();
-              return _context29.abrupt("break", 37);
-            case 28:
+              return _context30.abrupt("break", 38);
+            case 29:
               this.loadStaticRoomListItems();
-              return _context29.abrupt("break", 37);
-            case 30:
-              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;
+              return _context30.abrupt("break", 38);
+            case 31:
+              configSKey = configStepKey.startsWith('SHELFARTICLE_') ? configStepKey : (_this$shelfItem3 = this.shelfItem) === null || _this$shelfItem3 === void 0 || (_this$shelfItem3 = _this$shelfItem3.Grids) === null || _this$shelfItem3 === void 0 ? void 0 : _this$shelfItem3[0].gridGroup;
               this.loadShelfPlannerItems(1, configSKey);
-              return _context29.abrupt("break", 37);
-            case 33:
+              return _context30.abrupt("break", 38);
+            case 34:
               this.loadDoorPlannerItems(configStepKey);
-              return _context29.abrupt("break", 37);
-            case 35:
+              return _context30.abrupt("break", 38);
+            case 36:
               LOG$f.error(new DivaError('tabgroup Type: ' + curState + ' not implemented', {
                 code: 'WC_0011'
               }));
-              return _context29.abrupt("break", 37);
-            case 37:
-              if (wasNaviagtion) this.updateContentItemAfterNavigation();
+              return _context30.abrupt("break", 38);
             case 38:
+              if (wasNaviagtion) this.updateContentItemAfterNavigation();
+            case 39:
             case "end":
-              return _context29.stop();
+              return _context30.stop();
           }
-        }, _callee29, this);
+        }, _callee30, this);
       }));
-      function updateCurPaletteData(_x63) {
+      function updateCurPaletteData(_x65) {
         return _updateCurPaletteData.apply(this, arguments);
       }
       return updateCurPaletteData;
@@ -4198,9 +4278,9 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "loadAccessoiresOfActArticles",
     value: (function () {
-      var _loadAccessoiresOfActArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30() {
-        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
-          while (1) switch (_context30.prev = _context30.next) {
+      var _loadAccessoiresOfActArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
+        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
+          while (1) switch (_context31.prev = _context31.next) {
             case 0:
               this.divaWebPlanner.loadAccessoiresOfArticles(this.configuratorStructureHandler.actTargetArticles);
 
@@ -4209,9 +4289,9 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               this.actGroupedConfigSteps = [];
             case 3:
             case "end":
-              return _context30.stop();
+              return _context31.stop();
           }
-        }, _callee30, this);
+        }, _callee31, this);
       }));
       function loadAccessoiresOfActArticles() {
         return _loadAccessoiresOfActArticles.apply(this, arguments);
@@ -4231,15 +4311,15 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "loadConfigItemsOfTabGroup",
     value: (function () {
-      var _loadConfigItemsOfTabGroup = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31(curConfigStepKey, calledFrom) {
+      var _loadConfigItemsOfTabGroup = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32(curConfigStepKey, calledFrom) {
         var newGroupedConfigSteps, configStepWasAlreadyLoaded, i, j, isVisited, itemPalette, stepsNotRenderdCount, _i2, configStep, _this$configuratorStr5, _this$getSelectedElem4, optionName, visible;
-        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
-          while (1) switch (_context31.prev = _context31.next) {
+        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
+          while (1) switch (_context32.prev = _context32.next) {
             case 0:
               this.paletteWasLoadedFrom = calledFrom;
               newGroupedConfigSteps = this.configuratorStructureHandler.getConifgStepsToGroup(curConfigStepKey); //Alle selektierbar
               if (!(newGroupedConfigSteps != null)) {
-                _context31.next = 47;
+                _context32.next = 47;
                 break;
               }
               this.settingsState.hideNotUsedPalettes(newGroupedConfigSteps.length);
@@ -4255,7 +4335,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               i = 0;
             case 8:
               if (!(i < newGroupedConfigSteps.length)) {
-                _context31.next = 26;
+                _context32.next = 26;
                 break;
               }
               if (!this.configSteps[i]) {
@@ -4266,18 +4346,18 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               j = 0;
             case 13:
               if (!(j < this.actGroupedConfigSteps.length)) {
-                _context31.next = 20;
+                _context32.next = 20;
                 break;
               }
               if (!(this.actGroupedConfigSteps[j].key == newGroupedConfigSteps[i].key)) {
-                _context31.next = 17;
+                _context32.next = 17;
                 break;
               }
               configStepWasAlreadyLoaded[i] = true;
-              return _context31.abrupt("break", 20);
+              return _context32.abrupt("break", 20);
             case 17:
               j++;
-              _context31.next = 13;
+              _context32.next = 13;
               break;
             case 20:
               //alle Schritte auf Visited false setzten falls es kein Update ist, oder neue Schritte dazugekommen sind
@@ -4292,53 +4372,53 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               }
             case 23:
               i++;
-              _context31.next = 8;
+              _context32.next = 8;
               break;
             case 26:
               stepsNotRenderdCount = 0;
               _i2 = 0;
             case 28:
               if (!(_i2 < newGroupedConfigSteps.length)) {
-                _context31.next = 46;
+                _context32.next = 46;
                 break;
               }
               configStep = newGroupedConfigSteps[_i2]; //die einzelnen ConfigPaletten laden. Evtl. können es auch andere arten von Paletten sein (Regalplanner oder Accessoires)
               if (!configStep.differentTabgroupType) {
-                _context31.next = 34;
+                _context32.next = 34;
                 break;
               }
               this.divaWebPlanner.loadShelfPlannerItems(_i2 + 1 - stepsNotRenderdCount, configStep.key, 'loadShelfPlannerItemsLogic');
-              _context31.next = 43;
+              _context32.next = 43;
               break;
             case 34:
               if (!(configStep.option == 'OPTPLANNERSWITCH')) {
-                _context31.next = 39;
+                _context32.next = 39;
                 break;
               }
               optionName = (_this$configuratorStr5 = this.configuratorStructureHandler.getConfigStepByKey(configStep.key)) === null || _this$configuratorStr5 === void 0 ? void 0 : _this$configuratorStr5.optionStep.title;
               this.divaWebPlanner.loadCatalogPlannerArticles(_i2 + 1 - stepsNotRenderdCount, false, 'PLANNERSWITCH', '', optionName, 'PLANNER', (_this$getSelectedElem4 = this.getSelectedElementsArr()[0]) === null || _this$getSelectedElem4 === void 0 ? void 0 : _this$getSelectedElem4.getArticleCodex());
-              _context31.next = 43;
+              _context32.next = 43;
               break;
             case 39:
               visible = true;
               if (this.uiState.ViewConfig.hideFirstStepWhenSingleOPVOnly && configStep.singleOPVOnly && _i2 === 0 || this.uiState.ViewConfig.hideSingleOPVOnlyAlways && configStep.singleOPVOnly) {
                 visible = false;
               }
-              _context31.next = 43;
+              _context32.next = 43;
               return this.divaWebPlanner.loadConfigItemsOfOptions(configStep.key, _i2 + 1 - stepsNotRenderdCount, configStepWasAlreadyLoaded[_i2], visible);
             case 43:
               _i2++;
-              _context31.next = 28;
+              _context32.next = 28;
               break;
             case 46:
               this.actGroupedConfigSteps = _toConsumableArray(newGroupedConfigSteps);
             case 47:
             case "end":
-              return _context31.stop();
+              return _context32.stop();
           }
-        }, _callee31, this);
+        }, _callee32, this);
       }));
-      function loadConfigItemsOfTabGroup(_x64, _x65) {
+      function loadConfigItemsOfTabGroup(_x66, _x67) {
         return _loadConfigItemsOfTabGroup.apply(this, arguments);
       }
       return loadConfigItemsOfTabGroup;
@@ -4450,10 +4530,10 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "configSingleIsChanged",
     value: (function () {
-      var _configSingleIsChanged = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32() {
+      var _configSingleIsChanged = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33() {
         var groupedConfigOptions, allArticlesOfTabGroup, i, configStepKey;
-        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
-          while (1) switch (_context32.prev = _context32.next) {
+        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
+          while (1) switch (_context33.prev = _context33.next) {
             case 0:
               groupedConfigOptions = [];
               allArticlesOfTabGroup = this.configuratorStructureHandler.getAllArticlesOfTabGroup(this.configuratorStructureHandler.curConfigStepKey);
@@ -4467,17 +4547,17 @@ var PaletteViewHandler = /*#__PURE__*/function () {
                 groupedConfigOptionsCount: groupedConfigOptions.length,
                 allArticlesOfTabGroupCount: allArticlesOfTabGroup === null || allArticlesOfTabGroup === void 0 ? void 0 : allArticlesOfTabGroup.length
               });
-              _context32.next = 6;
+              _context33.next = 6;
               return this.divaWebPlanner.configSingleIsChanged(!this.settingsState.doConfigSingle, this.configuratorStructureHandler.curConfigStepKey, groupedConfigOptions, allArticlesOfTabGroup, this.configuratorStructureHandler.curOptionCodex, this.configuratorStructureHandler.curTabgroupKey);
             case 6:
-              configStepKey = _context32.sent;
+              configStepKey = _context33.sent;
               this.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(configStepKey);
               this.loadConfigItemsOfTabGroup(configStepKey, 'configSingleIsChanged');
             case 9:
             case "end":
-              return _context32.stop();
+              return _context33.stop();
           }
-        }, _callee32, this);
+        }, _callee33, this);
       }));
       function configSingleIsChanged() {
         return _configSingleIsChanged.apply(this, arguments);
@@ -4671,12 +4751,12 @@ var PaletteViewHandler = /*#__PURE__*/function () {
         var acc = accessoires[i];
         if (acc.configStepKeys) {
           for (var j = 0; j < acc.configStepKeys.length; j++) {
-            var _this$settingsState$i12;
+            var _this$settingsState$i14;
             var stepKey = acc.configStepKeys[j];
             count++;
             if (!this.configSteps[count]) this.configSteps[count] = new ConfigItems(count);
             stepKey.id = count;
-            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;
+            var isUpdate = ((_this$settingsState$i14 = this.settingsState.itemPalettes.get(stepKey.id)) === null || _this$settingsState$i14 === void 0 ? void 0 : _this$settingsState$i14.configStepKey) == stepKey.key;
             this.divaWebPlanner.loadConfigItemsOfOptions(stepKey.key, count, isUpdate, true);
           }
         }
@@ -4704,11 +4784,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
         }
         var count = 2;
         for (var _i3 = 0; _i3 < configSteps.length; _i3++) {
-          var _this$settingsState$i13;
+          var _this$settingsState$i15;
           var configstep = configSteps[_i3];
           count++;
           if (!this.configSteps[count]) this.configSteps[count] = new ConfigItems(count);
-          var isUpdate = ((_this$settingsState$i13 = this.settingsState.itemPalettes.get(count)) === null || _this$settingsState$i13 === void 0 ? void 0 : _this$settingsState$i13.configStepKey) == configstep.key;
+          var isUpdate = ((_this$settingsState$i15 = this.settingsState.itemPalettes.get(count)) === null || _this$settingsState$i15 === void 0 ? void 0 : _this$settingsState$i15.configStepKey) == configstep.key;
           this.divaWebPlanner.loadConfigItemsOfOptions(configstep.key, count, isUpdate, true);
         }
         this.settingsState.hideNotUsedPalettes(count);
@@ -4987,6 +5067,10 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       if (itemPalette.type == 'SHELFPLANNER') {
         itemPalette.shelfPlannerGrids = this.shelfItem.Grids;
       }
+      if (itemPalette.type == 'RANGE') {
+        var _items$;
+        itemPalette.measureUnit = (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.measureUnit;
+      }
       this.settingsState.updateItemPalette(paletteId, itemPalette);
       if (!(curItems instanceof ConfigItems)) {
         this.visitActVisibleSteps();
@@ -5091,30 +5175,30 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "rerenderPaletteWithConfigSingeIfOPVsDontMatch",
     value: function () {
-      var _rerenderPaletteWithConfigSingeIfOPVsDontMatch = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33() {
+      var _rerenderPaletteWithConfigSingeIfOPVsDontMatch = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34() {
         var i;
-        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
-          while (1) switch (_context33.prev = _context33.next) {
+        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
+          while (1) switch (_context34.prev = _context34.next) {
             case 0:
               i = 0;
             case 1:
               if (!(!this.checkIfAllItemsAreRendered() && i < 50)) {
-                _context33.next = 7;
+                _context34.next = 7;
                 break;
               }
-              _context33.next = 4;
+              _context34.next = 4;
               return DivaUtils.Sleep(20);
             case 4:
               i++;
-              _context33.next = 1;
+              _context34.next = 1;
               break;
             case 7:
               this.configSingleIsChanged();
             case 8:
             case "end":
-              return _context33.stop();
+              return _context34.stop();
           }
-        }, _callee33, this);
+        }, _callee34, this);
       }));
       function rerenderPaletteWithConfigSingeIfOPVsDontMatch() {
         return _rerenderPaletteWithConfigSingeIfOPVsDontMatch.apply(this, arguments);
@@ -5124,30 +5208,30 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "resetConfigSingeIfOPVsMatchAgain",
     value: function () {
-      var _resetConfigSingeIfOPVsMatchAgain = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34() {
+      var _resetConfigSingeIfOPVsMatchAgain = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35() {
         var i;
-        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
-          while (1) switch (_context34.prev = _context34.next) {
+        return _regeneratorRuntime.wrap(function _callee35$(_context35) {
+          while (1) switch (_context35.prev = _context35.next) {
             case 0:
               i = 0;
             case 1:
               if (!(!this.checkIfAllItemsAreRendered() && i < 50)) {
-                _context34.next = 7;
+                _context35.next = 7;
                 break;
               }
-              _context34.next = 4;
+              _context35.next = 4;
               return DivaUtils.Sleep(20);
             case 4:
               i++;
-              _context34.next = 1;
+              _context35.next = 1;
               break;
             case 7:
               this.configSingleIsChanged();
             case 8:
             case "end":
-              return _context34.stop();
+              return _context35.stop();
           }
-        }, _callee34, this);
+        }, _callee35, this);
       }));
       function resetConfigSingeIfOPVsMatchAgain() {
         return _resetConfigSingeIfOPVsMatchAgain.apply(this, arguments);
@@ -5162,8 +5246,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$i14 = this.settingsState.itemPalettes.get(firstVisiblePaletteId)) !== null && _this$settingsState$i14 !== void 0 && _this$settingsState$i14.visible && paletteId !== firstVisiblePaletteId)) {
-        var _this$settingsState$i14;
+      while (paletteId >= firstVisiblePaletteId && !(visible && paletteId == firstVisiblePaletteId || (_this$settingsState$i16 = this.settingsState.itemPalettes.get(firstVisiblePaletteId)) !== null && _this$settingsState$i16 !== void 0 && _this$settingsState$i16.visible && paletteId !== firstVisiblePaletteId)) {
+        var _this$settingsState$i16;
         firstVisiblePaletteId++;
       }
       var paletteName = paletteId.toString();
@@ -5203,8 +5287,8 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       if (!visible) return false;
       var i = 1;
       while (i < paletteId) {
-        var _this$settingsState$i15;
-        if ((_this$settingsState$i15 = this.settingsState.itemPalettes.get(i)) !== null && _this$settingsState$i15 !== void 0 && _this$settingsState$i15.visible) return false;
+        var _this$settingsState$i17;
+        if ((_this$settingsState$i17 = this.settingsState.itemPalettes.get(i)) !== null && _this$settingsState$i17 !== void 0 && _this$settingsState$i17.visible) return false;
         i++;
       }
       if (!['DROPDOWN_TEXT', 'TOGGLE', 'TOGGLE_NAME', 'MULTI_TOGGLE', 'MULTI_TOGGLE_ROUND'].includes(itemPalette.type)) return true;
@@ -5303,56 +5387,56 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "scrollToConfigStepByPosNr",
     value: (function () {
-      var _scrollToConfigStepByPosNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(posNr, withDelay) {
+      var _scrollToConfigStepByPosNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee36(posNr, withDelay) {
         var i, ret, j;
-        return _regeneratorRuntime.wrap(function _callee35$(_context35) {
-          while (1) switch (_context35.prev = _context35.next) {
+        return _regeneratorRuntime.wrap(function _callee36$(_context36) {
+          while (1) switch (_context36.prev = _context36.next) {
             case 0:
               ret = this.configuratorStructureHandler.getConfigStepByPosNr(posNr);
               i = 0;
             case 2:
               if (!(i < this.configuratorStructureHandler.actGroupedConfigStepsCount)) {
-                _context35.next = 8;
+                _context36.next = 8;
                 break;
               }
               if (!(this.configSteps[i].ConfigStepKey == (ret === null || ret === void 0 ? void 0 : ret.configStep.key))) {
-                _context35.next = 5;
+                _context36.next = 5;
                 break;
               }
-              return _context35.abrupt("break", 8);
+              return _context36.abrupt("break", 8);
             case 5:
               i++;
-              _context35.next = 2;
+              _context36.next = 2;
               break;
             case 8:
               j = 0;
             case 9:
               if (!(!this.checkIfAllItemsAreRendered() && j < 100)) {
-                _context35.next = 15;
+                _context36.next = 15;
                 break;
               }
               j++;
-              _context35.next = 13;
+              _context36.next = 13;
               return DivaUtils.Sleep(50);
             case 13:
-              _context35.next = 9;
+              _context36.next = 9;
               break;
             case 15:
               if (!withDelay) {
-                _context35.next = 18;
+                _context36.next = 18;
                 break;
               }
-              _context35.next = 18;
+              _context36.next = 18;
               return DivaUtils.Sleep(400);
             case 18:
               this.scrollToConfigStep(i + 1);
             case 19:
             case "end":
-              return _context35.stop();
+              return _context36.stop();
           }
-        }, _callee35, this);
+        }, _callee36, this);
       }));
-      function scrollToConfigStepByPosNr(_x66, _x67) {
+      function scrollToConfigStepByPosNr(_x68, _x69) {
         return _scrollToConfigStepByPosNr.apply(this, arguments);
       }
       return scrollToConfigStepByPosNr;
@@ -5394,10 +5478,10 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "focusSearch",
     value: function focusSearch(paletteId) {
-      var _this$settingsState$i16;
-      var palette = paletteId !== undefined ? this.settingsState.itemPalettes.get(paletteId) : (_this$settingsState$i16 = this.settingsState.itemPaletteArr.find(function (i) {
+      var _this$settingsState$i18;
+      var palette = paletteId !== undefined ? this.settingsState.itemPalettes.get(paletteId) : (_this$settingsState$i18 = this.settingsState.itemPaletteArr.find(function (i) {
         return i[1].visible;
-      })) === null || _this$settingsState$i16 === void 0 ? void 0 : _this$settingsState$i16[1];
+      })) === null || _this$settingsState$i18 === void 0 ? void 0 : _this$settingsState$i18[1];
       if (!(palette !== null && palette !== void 0 && palette.htmlInputElement)) return false;
       palette.htmlInputElement.focus();
       return true;
@@ -5769,12 +5853,16 @@ var PlannerUI = /*#__PURE__*/function () {
 function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
 function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/** Tab-group contexts that count as a planner selection step (as opposed to a config step). */
+var PLANNER_SELECTION_CONTEXTS = ['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER', 'PLANNER_2.0'];
 var ViewPlannerHandler = /*#__PURE__*/function () {
   function ViewPlannerHandler(onElemSelectionChanged, getConfiguratorState, productState, aiState, forceViewToEnterPlannerMode, getOrbitInteractionAPI, getPosNrByBasketId, updateExternalPlannerState) {
     var _this = this;
     _classCallCheck(this, ViewPlannerHandler);
     _defineProperty(this, "planner3DImageHandler", void 0);
     _defineProperty(this, "planner2DGridHandler", void 0);
+    /** In-flight renders that switched the 2D grid on just to capture it. */
+    _defineProperty(this, "temporary2DGridRenders", 0);
     _defineProperty(this, "plannerUIHandler", void 0);
     _defineProperty(this, "curPlannerMode", void 0);
     _defineProperty(this, "initPlannerMode", void 0);
@@ -5847,6 +5935,16 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
     _defineProperty(this, "onElementDeleted", function (setId, elementId) {
       _this.deletePlannerElement(setId, elementId);
     });
+    /**
+     * Deletes the currently selected element (keyboard Del / Entf). Gated to the same
+     * planner-selection contexts as onClearElementSelection so it does not fire in config steps.
+     */
+    _defineProperty(this, "deleteSelectedElement", function () {
+      if (!_this.isPlannerSelectionContext) return;
+      var selected = _this.getSelectedElementsArr(true)[0];
+      if (!selected) return;
+      _this.onElementDeleted(selected.getSetId(), selected.getElementId());
+    });
     /**
      * This function is called when the user selects manually a new element in the planner.
      * The UI is updated and the configurator is informed
@@ -5894,8 +5992,14 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
         //delete the selected docking point if it is not the new selected element
         if (_this.selectedDockingPoint && _this.selectedDockingPoint.ElementId != elementId) _this.selectedDockingPoint = undefined;
       }
-      if (!_this.setAllElementsSelectable && !_this.selectableElementsDict.has(setId)) return;
       if (notEffects) return;
+
+      // Mirrors `selectedElementsDict` above, so it has to be set even when the selectability guard
+      // below skips the UI/configurator effects — otherwise the RTV canvas paints a stale selection.
+      // Selection must NOT force a camera focus — the viewer owns focus (click an already-selected
+      // element to fly in). Forcing `rtvFocusElementId` here made every single click focus.
+      _this.productState.setRtvSelectedElementId(elementId);
+      if (!_this.setAllElementsSelectable && !_this.selectableElementsDict.has(setId)) return;
       _this.updateUI();
       _this.informViewElemSelectionChanged(_this.selectedElementsDict.get(setId), _this.selectedDockingPoint);
       _this.updateExternalPlannerState();
@@ -5912,7 +6016,7 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
      * This function should be called if no element is selected
      */
     _defineProperty(this, "onClearElementSelection", function () {
-      if (['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER', 'PLANNER_2.0'].includes(_this.getConfiguratorState()) && _this.selectedElementsDict.size > 0) {
+      if (_this.isPlannerSelectionContext && _this.selectedElementsDict.size > 0) {
         //If in planner mode clear Element Selection
         _this.selectedElementsDict.clear();
         _this.setAllElementsSelectable = true;
@@ -5920,6 +6024,8 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
         _this.updateUI();
         _this.informViewElemSelectionChanged([]);
         _this.updateExternalPlannerState();
+        _this.productState.setRtvFocusElementId(null);
+        _this.productState.setRtvSelectedElementId(null);
       }
     });
     /**
@@ -6143,13 +6249,38 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
     /**
      * This function is called when the view should update the 2D View
      */
-    _defineProperty(this, "updatePlanner2DGrid", function (boundingBox) {
-      var _this$planner2DGridHa5;
-      if (!['2DGrid', 'RTViewer'].includes(_this.getCurPlannerViewMode())) _this.productState.doShow2DGridInViewModel(true);
-      (_this$planner2DGridHa5 = _this.planner2DGridHandler) === null || _this$planner2DGridHa5 === void 0 || _this$planner2DGridHa5.updatePlannerView(_this.PlannerUIHandler, _this.allPlannedElementsDict, boundingBox);
-      _this.updateUI();
-      if (!['2DGrid', 'RTViewer'].includes(_this.getCurPlannerViewMode())) _this.productState.doShow2DGridInViewModel(false);
-    });
+    _defineProperty(this, "updatePlanner2DGrid", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(boundingBox) {
+        var showsGridTemporarily, _this$planner2DGridHa5;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              // Evaluated once: the view mode can change while the render awaits, and re-reading it would leave the temporary grid on or hide a foreign one.
+              showsGridTemporarily = !['2DGrid', 'RTViewer'].includes(_this.getCurPlannerViewMode());
+              if (showsGridTemporarily) {
+                _this.temporary2DGridRenders++;
+                _this.productState.doShow2DGridInViewModel(true);
+              }
+              _context2.prev = 2;
+              _context2.next = 5;
+              return (_this$planner2DGridHa5 = _this.planner2DGridHandler) === null || _this$planner2DGridHa5 === void 0 ? void 0 : _this$planner2DGridHa5.updatePlannerView(_this.PlannerUIHandler, _this.allPlannedElementsDict, boundingBox);
+            case 5:
+              _this.updateUI();
+            case 6:
+              _context2.prev = 6;
+              // Only the last concurrent render may hide the grid; an earlier one would unmount the canvas mid-draw and the capture comes back blank.
+              if (showsGridTemporarily && --_this.temporary2DGridRenders === 0) _this.productState.doShow2DGridInViewModel(false);
+              return _context2.finish(6);
+            case 9:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[2,, 6, 9]]);
+      }));
+      return function (_x4) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
     _defineProperty(this, "updatePlannerElements", function (elements, visualizedNotPlannedElements, setId, elementId, notEffects) {
       _this.allPlannedElementsDict = elements;
       _this.allVisualizedNotPlannedElements = visualizedNotPlannedElements;
@@ -6236,6 +6367,11 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
       });
       _this.updateUI();
       _this.updateExternalPlannerState();
+      var firstSelectedId = null;
+      _this.selectedElementsDict.forEach(function (elements) {
+        if (firstSelectedId == null && elements.length > 0) firstSelectedId = elements[0].getElementId();
+      });
+      _this.productState.setRtvSelectedElementId(firstSelectedId);
     });
     /**
      * This function is called from the logic when the logic decides a new element has to be selected.
@@ -6284,6 +6420,7 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
       // }
 
       if (somethingChanged) {
+        var _allSelectedElements$, _allSelectedElements$2;
         _this.selectedElementsDict.clear();
         var allSelectedElements = [];
         for (var i = 0; i < selectedElementSetIds.length; i++) {
@@ -6314,8 +6451,10 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
         _this.selectedDockingPoint = undefined;
         _this.updateUI();
         _this.informViewElemSelectionChanged(allSelectedElements);
+        _this.productState.setRtvSelectedElementId((_allSelectedElements$ = (_allSelectedElements$2 = allSelectedElements[0]) === null || _allSelectedElements$2 === void 0 ? void 0 : _allSelectedElements$2.getElementId()) !== null && _allSelectedElements$ !== void 0 ? _allSelectedElements$ : null);
       } else if (selectedElementIds.length == 0 && _this.allPlannedElementsDict.size == 0) {
         _this.informViewElemSelectionChanged([]);
+        _this.productState.setRtvSelectedElementId(null);
       }
     });
     /**
@@ -6377,11 +6516,11 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "initPlannerView",
     value: (function () {
-      var _initPlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(viewConfig, productState, aiState, settingsState, updatePlannerTrans, updatePlannerView, plannerPaletteViewInfo) {
+      var _initPlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(viewConfig, productState, aiState, settingsState, updatePlannerTrans, updatePlannerView, plannerPaletteViewInfo) {
         var _viewConfig$plannerCo, _productState$planner, _this$planner3DImageH4, _this$planner2DGridHa6;
         var plannerMode, _yield$import, Planner3DImage, _yield$import2, Planner2DGrid;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               this.planner_view_config = (_viewConfig$plannerCo = viewConfig.plannerConfig) !== null && _viewConfig$plannerCo !== void 0 ? _viewConfig$plannerCo : {
                 posTrashRotIcon: 'TOP_RIGHT_BACK',
@@ -6397,15 +6536,15 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
               this.curPlannerMode = plannerMode;
               this.initPlannerMode = plannerMode;
               this.updatePlannerView = updatePlannerView;
-              _context2.next = 9;
-              return import('./Planner3DImage-8f21be56.js');
+              _context3.next = 9;
+              return import('./Planner3DImage-28657013.js');
             case 9:
-              _yield$import = _context2.sent;
+              _yield$import = _context3.sent;
               Planner3DImage = _yield$import["default"];
-              _context2.next = 13;
-              return import('./Planner2DGrid-be22bf89.js');
+              _context3.next = 13;
+              return import('./Planner2DGrid-90b0b2a9.js');
             case 13:
-              _yield$import2 = _context2.sent;
+              _yield$import2 = _context3.sent;
               Planner2DGrid = _yield$import2["default"];
               this.planner3DImageHandler = new Planner3DImage(this.getConfiguratorState, this.productState.setDiva3dImgSrc.bind(this.productState), this.productState.onDoShowNav3DChange.bind(this.productState), plannerPaletteViewInfo, settingsState);
               this.planner2DGridHandler = new Planner2DGrid(this.getConfiguratorState, this.getPlannerElementByElemId, this.getPlannerViewConfig, this.forceViewToEnterPlannerMode, plannerPaletteViewInfo, settingsState);
@@ -6414,22 +6553,26 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
               (_this$planner2DGridHa6 = this.planner2DGridHandler) === null || _this$planner2DGridHa6 === void 0 || _this$planner2DGridHa6.initialize(updatePlannerTrans);
             case 20:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
-      function initPlannerView(_x4, _x5, _x6, _x7, _x8, _x9, _x10) {
+      function initPlannerView(_x5, _x6, _x7, _x8, _x9, _x10, _x11) {
         return _initPlannerView.apply(this, arguments);
       }
       return initPlannerView;
     }())
   }, {
-    key: "updateUI",
-    value:
+    key: "plannedElementsDict",
+    get: function get() {
+      return this.allPlannedElementsDict;
+    }
     /**
      * This function calls the update UI function in the currently displaying planner mode.
      */
-    function updateUI() {
+  }, {
+    key: "updateUI",
+    value: function updateUI() {
       var _this$planner3DImageH5, _this$planner2DGridHa7;
       //DAS MÜSSEN DIE KOMPONENTEN ENTSCHEIDEN this.plannerUIHandler.clearUI();
 
@@ -6477,6 +6620,13 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
       }
       this.curPlannerMode = mode;
     }
+
+    /** True while the configurator is in a planner selection step (not a config step). */
+  }, {
+    key: "isPlannerSelectionContext",
+    get: function get() {
+      return PLANNER_SELECTION_CONTEXTS.includes(this.getConfiguratorState());
+    }
   }, {
     key: "PlannerUIHandler",
     get: function get() {
@@ -7329,6 +7479,15 @@ var UIState = /*#__PURE__*/function () {
   }]);
 }();
 
+/**
+ * `?rtv-next` URL param: mounts the rtv-next viewer instead of the old RTV / 3DCOMB / 2D grid stack,
+ * anywhere, for testing — the real switch is the `DIVA3D_USE_RTV_NEXT` catalog property.
+ *
+ * It does NOT touch the RTV use case: `ProductCenter` mounts rtv-next on this flag directly and
+ * never consults `getAllowRTV()`, so no AR/RTV catalog configuration is required or implied.
+ */
+var rtvNextParamActive = typeof window !== 'undefined' && new URLSearchParams(window.location.search).has('rtv-next');
+
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$d = getLogger('Planner', 'Product');
@@ -7442,6 +7601,8 @@ var ProductState = /*#__PURE__*/function () {
     _defineProperty(this, "GridImageURL", '');
     //RTV Real Time Viewer
     _defineProperty(this, "allowRTV", false);
+    /** Catalog opted into the rtv-next viewer (`DIVA3D_USE_RTV_NEXT`) — see `ProductCenter`. */
+    _defineProperty(this, "useRtvNext", false);
     _defineProperty(this, "allowQRCodeAR", false);
     _defineProperty(this, "doShowRTV", false);
     _defineProperty(this, "allow3DComb", false);
@@ -7511,6 +7672,11 @@ var ProductState = /*#__PURE__*/function () {
         if (!_this.allowRendering && !_this.allowRTV && !_this.allow3DComb && !_this.allowGrid) return;
         type = _this.allowRendering ? '3D' : _this.allowRTV ? 'RTV' : _this.allow3DComb ? '3DCOMB' : '2D';
       }
+
+      // With `?rtv-next` the rtv-next viewer takes the place of the rendered 3D image instead of
+      // becoming a footer option of its own, so the 3D view drives the RTV state it renders on.
+      // Alternate renderings stay on the image path — they are server renderings.
+      if ((_this.useRtvNext || rtvNextParamActive) && type === '3D' && alternateRendering === undefined) type = 'RTV';
       switch (type) {
         case '3DCOMB':
           _this.doShowRenderImage = false;
@@ -7640,6 +7806,22 @@ var ProductState = /*#__PURE__*/function () {
     _defineProperty(this, "setIsARIframeVisible", function (val) {
       _this.isARIframeVisible = val;
     });
+    _defineProperty(this, "rtvFocusElementId", null);
+    _defineProperty(this, "setRtvFocusElementId", function (id) {
+      _this.rtvFocusElementId = id;
+    });
+    /**
+     * Single source of truth for "which element is selected on the RTV canvas".
+     * Driven by ViewPlannerHandler — kept in lockstep with `selectedElementsDict`
+     * across canvas-side selection (`onElementSelected` / `onClearElementSelection`)
+     * and configurator-driven selection (`updateElementSelectionConfig`). Distinct
+     * from `rtvFocusElementId` (camera focus / scroll-to) so the two can diverge
+     * if needed later. Read by PlannerRTVNext as the `selectedElementId` prop.
+     */
+    _defineProperty(this, "rtvSelectedElementId", null);
+    _defineProperty(this, "setRtvSelectedElementId", function (id) {
+      _this.rtvSelectedElementId = id;
+    });
     _defineProperty(this, "setArCodeWasVisibleOnce", function () {
       var _this$showArQrCode$co, _this$showArQrCode;
       _this.arCodeWasVisibleOnce = true;
@@ -7683,6 +7865,7 @@ var ProductState = /*#__PURE__*/function () {
       doShow3DComb: observable,
       doShowAIRoom: observable,
       allowRTV: observable,
+      useRtvNext: observable,
       allow3DComb: observable,
       allowQRCodeAR: observable,
       shelfPlannerRTV: observable,
@@ -7690,6 +7873,8 @@ var ProductState = /*#__PURE__*/function () {
       allowRendering: observable,
       setAllowRendering: action,
       footerVisible: computed,
+      is3DViewActive: computed,
+      showRtvFooterEntry: computed,
       doShowRenderImage: observable,
       diva3dImgSrc: observable,
       setDiva3dImgSrc: action,
@@ -7746,7 +7931,11 @@ var ProductState = /*#__PURE__*/function () {
       loadRTVForAr: observable,
       glbUrl: observable,
       isARIframeVisible: observable,
-      setIsARIframeVisible: action
+      setIsARIframeVisible: action,
+      rtvFocusElementId: observable,
+      setRtvFocusElementId: action,
+      rtvSelectedElementId: observable,
+      setRtvSelectedElementId: action
     });
   }
   return _createClass(ProductState, [{
@@ -7853,6 +8042,30 @@ var ProductState = /*#__PURE__*/function () {
         return visibleFooter[f];
       });
     }
+
+    /**
+     * True while the 3D view is the active one: the rendered 3D image, or the rtv-next viewer that
+     * replaces it with `?rtv-next`.
+     */
+  }, {
+    key: "is3DViewActive",
+    get: function get() {
+      // rtv-next renders in the RTV slot, so "3D is on screen" means `doShowRTV` there — but only
+      // when rtv-next is actually the active viewer, via the same switch `ProductCenter` uses.
+      return this.doShowRenderImage || (this.useRtvNext || rtvNextParamActive) && this.doShowRTV;
+    }
+
+    /**
+     * Whether the footer should carry its own RTV entry. rtv-next renders in the RTV slot as the 3D
+     * view (see {@link is3DViewActive}), so alongside a 3D entry it would be a second button for the
+     * same viewer — and `doShowRTV` would light both at once. Hide it whenever the 3D entry exists;
+     * keep it when there is none (forceRTV / RTViewer mode), where it is the only way into the viewer.
+     */
+  }, {
+    key: "showRtvFooterEntry",
+    get: function get() {
+      return this.allowRTV && !((this.useRtvNext || rtvNextParamActive) && this.allowRendering);
+    }
   }, {
     key: "setRTVActivateAR",
     value: function setRTVActivateAR(isArCompatible, activateAR) {
@@ -7905,7 +8118,7 @@ var ProductState = /*#__PURE__*/function () {
      * this function tells the View if only 2D is avabile or 3D and 2D or neither of those
      */
     function initConfiguratorMode(plannerMode) {
-      var _this$divaWebPlanner14, _this$divaWebPlanner15, _this$divaWebPlanner16, _this$divaWebPlanner17, _this$divaWebPlanner23, _this$divaWebPlanner24, _this$divaWebPlanner25, _this$divaWebPlanner26, _this$divaWebPlanner27, _this$divaWebPlanner28, _this$divaWebPlanner29, _this$divaWebPlanner30, _this$divaWebPlanner31;
+      var _this$divaWebPlanner14, _this$divaWebPlanner15, _this$divaWebPlanner16, _this$divaWebPlanner17, _this$divaWebPlanner23, _this$divaWebPlanner24, _this$divaWebPlanner25, _this$divaWebPlanner26, _this$divaWebPlanner27, _this$divaWebPlanner28, _this$divaWebPlanner29, _this$divaWebPlanner30, _this$divaWebPlanner31, _this$divaWebPlanner32;
       this.plannerMode = plannerMode;
       this.isBoxPlanner = plannerMode === 'BoxPlanner';
       this.doEnableToShow3DDimensionLines = !!((_this$divaWebPlanner14 = this.divaWebPlanner) !== null && _this$divaWebPlanner14 !== void 0 && _this$divaWebPlanner14.doShow3DDimensionLines());
@@ -7924,11 +8137,12 @@ var ProductState = /*#__PURE__*/function () {
       this.pricePreview = (_this$divaWebPlanner24 = this.divaWebPlanner) === null || _this$divaWebPlanner24 === void 0 ? void 0 : _this$divaWebPlanner24.getPricePreview();
       this.hide2DPlanner = (_this$divaWebPlanner25 = this.divaWebPlanner) === null || _this$divaWebPlanner25 === void 0 ? void 0 : _this$divaWebPlanner25.hide2DPlanner();
       this.allowRTV = !!((_this$divaWebPlanner26 = this.divaWebPlanner) !== null && _this$divaWebPlanner26 !== void 0 && _this$divaWebPlanner26.getAllowRTV());
-      this.allow3DComb = !!((_this$divaWebPlanner27 = this.divaWebPlanner) !== null && _this$divaWebPlanner27 !== void 0 && _this$divaWebPlanner27.getEnableUnityRtvKombi());
-      this.allowQRCodeAR = !!((_this$divaWebPlanner28 = this.divaWebPlanner) !== null && _this$divaWebPlanner28 !== void 0 && _this$divaWebPlanner28.getAllowQRCodeAR());
-      this.shelfPlannerRTV = !!((_this$divaWebPlanner29 = this.divaWebPlanner) !== null && _this$divaWebPlanner29 !== void 0 && _this$divaWebPlanner29.getShelfPlannerRTV());
-      if (this.shelfPlannerRTV || (_this$divaWebPlanner30 = this.divaWebPlanner) !== null && _this$divaWebPlanner30 !== void 0 && _this$divaWebPlanner30.getForceRTV()) this.plannerMode = 'RTViewer';
-      if ((_this$divaWebPlanner31 = this.divaWebPlanner) !== null && _this$divaWebPlanner31 !== void 0 && _this$divaWebPlanner31.getEnableUnityRtvKombi()) this.plannerMode = '3DCOMB';
+      this.useRtvNext = !!((_this$divaWebPlanner27 = this.divaWebPlanner) !== null && _this$divaWebPlanner27 !== void 0 && _this$divaWebPlanner27.getUseRtvNext());
+      this.allow3DComb = !!((_this$divaWebPlanner28 = this.divaWebPlanner) !== null && _this$divaWebPlanner28 !== void 0 && _this$divaWebPlanner28.getEnableUnityRtvKombi());
+      this.allowQRCodeAR = !!((_this$divaWebPlanner29 = this.divaWebPlanner) !== null && _this$divaWebPlanner29 !== void 0 && _this$divaWebPlanner29.getAllowQRCodeAR());
+      this.shelfPlannerRTV = !!((_this$divaWebPlanner30 = this.divaWebPlanner) !== null && _this$divaWebPlanner30 !== void 0 && _this$divaWebPlanner30.getShelfPlannerRTV());
+      if (this.shelfPlannerRTV || (_this$divaWebPlanner31 = this.divaWebPlanner) !== null && _this$divaWebPlanner31 !== void 0 && _this$divaWebPlanner31.getForceRTV()) this.plannerMode = 'RTViewer';
+      if ((_this$divaWebPlanner32 = this.divaWebPlanner) !== null && _this$divaWebPlanner32 !== void 0 && _this$divaWebPlanner32.getEnableUnityRtvKombi()) this.plannerMode = '3DCOMB';
       this.plannerRenderingIsStaticBG = this.plannerMode == '3DCOMB' ? false : this.plannerRenderingIsStaticBG;
       this.initPlannerViewMode(this.plannerMode);
       this.doShowAIRoom = false;
@@ -8012,6 +8226,13 @@ var ProductState = /*#__PURE__*/function () {
           this.doShow3DZoom = false;
           break;
       }
+
+      // Modes that start in the rendered 3D image start in the rtv-next viewer instead — same
+      // substitution the 3D view does in onChangePlannerView.
+      if ((this.useRtvNext || rtvNextParamActive) && this.doShowRenderImage) {
+        this.doShowRenderImage = false;
+        this.doShowRTV = true;
+      }
     }
   }, {
     key: "setProductElement",
@@ -8069,9 +8290,17 @@ var ProductState = /*#__PURE__*/function () {
 
 function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// Single source of truth mapping a mobile drawer snap point index to the product (3D view) height.
+var PRODUCT_HEIGHT_BY_SNAP_POINT = {
+  0: 'calc(100% - 36px)',
+  1: '70%',
+  2: '45%',
+  3: '45%'
+};
 var SettingsState = /*#__PURE__*/function () {
   function SettingsState(updateExternalPlannerState) {
-    var _this = this;
+    var _this = this,
+      _PRODUCT_HEIGHT_BY_SN;
     _classCallCheck(this, SettingsState);
     this.updateExternalPlannerState = updateExternalPlannerState;
     _defineProperty(this, "scrollToCurTabgroupHorizontal", void 0);
@@ -8135,6 +8364,16 @@ var SettingsState = /*#__PURE__*/function () {
       _this.plannedPlacesOnGrids = planned;
     });
     _defineProperty(this, "selectedShelfAccessoire", undefined);
+    // Dedicated "armed to place" signal for the RTV `autoPlaceDrag` mode: codex + nonce. Bumped only
+    // when an article is armed from the palette (distinct from `selectedShelfAccessoire`, which also
+    // changes on placement) so the viewer auto-places exactly once per arm. The nonce makes arming
+    // the same article twice produce a new token (re-trigger).
+    _defineProperty(this, "armedAccessoryNonce", 0);
+    _defineProperty(this, "armedAccessoryToken", undefined);
+    // Palette-tile drag in progress: the dragged article's codex (set on dragstart, cleared on dragend).
+    _defineProperty(this, "draggedAccessoryCodex", undefined);
+    // True while the drag targets a drop cell in the viewer — the palette hides its drag ghost then.
+    _defineProperty(this, "draggedAccessoryHasTarget", false);
     _defineProperty(this, "autoOpenContentItems", false);
     _defineProperty(this, "contentItemId", undefined);
     _defineProperty(this, "clickedFrom", undefined);
@@ -8160,6 +8399,10 @@ var SettingsState = /*#__PURE__*/function () {
       _this.plannerReplaceModeAutoSwitch = false;
       _this.contentItemId = undefined;
       _this.contentItemVisible = false;
+      // Accessory interaction state is a live viewer input — a re-init must not leave an armed
+      // auto-place token or an in-flight drag behind (see PlannerRTVNext's armed/dragged props).
+      _this.setArmedAccessory();
+      _this.setDraggedAccessory();
     });
     _defineProperty(this, "partlistArticlesInOverview", {});
     // planner2Dot0 state
@@ -8172,7 +8415,8 @@ var SettingsState = /*#__PURE__*/function () {
     _defineProperty(this, "lastesScrollPosition", 0);
     _defineProperty(this, "isMicroScrollingDown", undefined);
     _defineProperty(this, "activeSnapPointIndex", 2);
-    _defineProperty(this, "productHeight", '45%');
+    // Derived from the initial activeSnapPointIndex so the product height stays in sync with the drawer's starting snap point.
+    _defineProperty(this, "productHeight", (_PRODUCT_HEIGHT_BY_SN = PRODUCT_HEIGHT_BY_SNAP_POINT[this.activeSnapPointIndex]) !== null && _PRODUCT_HEIGHT_BY_SN !== void 0 ? _PRODUCT_HEIGHT_BY_SN : '45%');
     _defineProperty(this, "generalPlanningState", {});
     _defineProperty(this, "promotedGroups", []);
     _defineProperty(this, "promotedOptimisticProductId", null);
@@ -8245,6 +8489,12 @@ var SettingsState = /*#__PURE__*/function () {
       setGridsData: action,
       selectedShelfAccessoire: observable,
       setSelectedShelfAccessoire: action,
+      armedAccessoryToken: observable,
+      setArmedAccessory: action,
+      draggedAccessoryCodex: observable,
+      setDraggedAccessory: action,
+      draggedAccessoryHasTarget: observable,
+      setDraggedAccessoryHasTarget: action,
       //contentItem
       contentItemId: observable,
       setContentItemId: action,
@@ -8503,6 +8753,7 @@ var SettingsState = /*#__PURE__*/function () {
     key: "initForUpdate",
     value: function initForUpdate() {
       this.infoBoxContent = undefined;
+      if (this.selectedShelfAccessoire) this.setSelectedShelfAccessoire(undefined);
     }
   }, {
     key: "selectedArticles",
@@ -8563,6 +8814,22 @@ var SettingsState = /*#__PURE__*/function () {
     value: function setSelectedShelfAccessoire(basketId) {
       this.selectedShelfAccessoire = basketId;
     }
+  }, {
+    key: "setArmedAccessory",
+    value: function setArmedAccessory(articleCodex) {
+      this.armedAccessoryToken = articleCodex === undefined ? undefined : "".concat(articleCodex, "#").concat(++this.armedAccessoryNonce);
+    }
+  }, {
+    key: "setDraggedAccessory",
+    value: function setDraggedAccessory(articleCodex) {
+      this.draggedAccessoryCodex = articleCodex;
+      this.draggedAccessoryHasTarget = false;
+    }
+  }, {
+    key: "setDraggedAccessoryHasTarget",
+    value: function setDraggedAccessoryHasTarget(hasTarget) {
+      this.draggedAccessoryHasTarget = hasTarget;
+    }
   }, {
     key: "setDontReopenAutomatically",
     value: function setDontReopenAutomatically(val) {
@@ -8645,7 +8912,8 @@ var SettingsState = /*#__PURE__*/function () {
   }, {
     key: "setActiveSnapPointIndex",
     value: function setActiveSnapPointIndex(activeSnapPointIndex, force) {
-      var _this2 = this;
+      var _this2 = this,
+        _PRODUCT_HEIGHT_BY_SN2;
       if (!force && this.contentItemVisible && this.contentItemId) return;
       this.activeSnapPointIndex = activeSnapPointIndex;
 
@@ -8656,8 +8924,7 @@ var SettingsState = /*#__PURE__*/function () {
         (_this2$scrollToCurTab = _this2.scrollToCurTabgroupHorizontal) === null || _this2$scrollToCurTab === void 0 || _this2$scrollToCurTab.call(_this2);
         (_this2$updatePlannerV = _this2.updatePlannerView) === null || _this2$updatePlannerV === void 0 || _this2$updatePlannerV.call(_this2, 'SNAP_POINT_CHANGED');
       }, 200);
-      if (activeSnapPointIndex == 0) this.setProductHeight('calc(100% - 36px)');
-      if (activeSnapPointIndex == 1) this.setProductHeight('70%');else if (activeSnapPointIndex == 2) this.setProductHeight('45%');else if (activeSnapPointIndex == 3) this.setProductHeight('45%');
+      this.setProductHeight((_PRODUCT_HEIGHT_BY_SN2 = PRODUCT_HEIGHT_BY_SNAP_POINT[activeSnapPointIndex]) !== null && _PRODUCT_HEIGHT_BY_SN2 !== void 0 ? _PRODUCT_HEIGHT_BY_SN2 : '45%');
     }
   }, {
     key: "setProductHeight",
@@ -9130,6 +9397,8 @@ var ConfigState = /*#__PURE__*/function () {
     _defineProperty(this, "setId", undefined);
     _defineProperty(this, "loginMode", void 0);
     _defineProperty(this, "initMode", void 0);
+    _defineProperty(this, "createImageConfig", void 0);
+    _defineProperty(this, "orderlineVariantValues", void 0);
     _defineProperty(this, "opt", void 0);
     _defineProperty(this, "configStepKey", void 0);
     _defineProperty(this, "initEmptyPlanner", void 0);
@@ -9218,6 +9487,8 @@ var ConfigState = /*#__PURE__*/function () {
         this.jwt = val.jwt;
         this.keepCache = val.keepCache;
         this.initMode = val.initMode;
+        this.createImageConfig = val.createImageConfig;
+        this.orderlineVariantValues = val.orderlineVariantValues;
         this.opt = val.opt;
         this.initEmptyPlanner = val.initEmptyPlanner;
         this.assignNewDivaNr = val.assignNewDivaNr;
@@ -14351,8 +14622,8 @@ var DivaViewHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "initialize",
-    value: function initialize(firstTime, plannerConfig) {
-      var _this$actions6, _this$divaWebPlanner;
+    value: function initialize(firstTime, plannerConfig, adoptPlanner) {
+      var _this$actions6, _this$actions6$onPlan, _this$actions7, _this$divaWebPlanner;
       DivaUtils.startSpanOfApm('initialize Configurator');
       this.uiState.setIsLoading(true);
       this.uiState.setIsLogicLoading(true);
@@ -14378,21 +14649,23 @@ var DivaViewHandler = /*#__PURE__*/function () {
           return;
         }
       }
-      this.divaWebPlanner = new DivaWebPlanner(this.configState);
-      this.aiState.initFunctions(this.divaWebPlanner, (_this$actions6 = this.actions) === null || _this$actions6 === void 0 ? void 0 : _this$actions6.subscribeEvents);
+      var adopted = !!adoptPlanner && firstTime;
+      this.divaWebPlanner = adopted ? adoptPlanner : new DivaWebPlanner(this.configState);
+      (_this$actions6 = this.actions) === null || _this$actions6 === void 0 || (_this$actions6$onPlan = _this$actions6.onPlannerInstance) === null || _this$actions6$onPlan === void 0 || _this$actions6$onPlan.call(_this$actions6, this.divaWebPlanner);
+      this.aiState.initFunctions(this.divaWebPlanner, (_this$actions7 = this.actions) === null || _this$actions7 === void 0 ? void 0 : _this$actions7.subscribeEvents);
       this.tabGroupState.initFunctions(this.divaWebPlanner);
       this.settingsState.initFunctions(this.tabGroupState.scrollToCurTabgroupHorizontal.bind(this.tabGroupState), this.divaWebPlanner.updatePlannerView.bind(this.divaWebPlanner), this.uiState);
       this.paletteViewHandler = new PaletteViewHandler(this.settingsState, this.productState, this.uiState, this.configuratorStructureHandler, this.getState, this.updateConfiguratorState, this.viewPlannerHandler.getSelectedElementsArr, this.viewPlannerHandler.getSelectedDockingPoint, this.viewPlannerHandler.updateElementSelectionPlanner, this.viewPlannerHandler.getElementById, this.divaWebPlanner, this.actionButtonState.onClickConfiguratorSettingsForth.bind(this.actionButtonState), this.getPlanningIsInCompleteOrEmpty);
       this.viewPlannerHandler.initFunctions(this.paletteViewHandler.deletePlannerElement.bind(this.paletteViewHandler), this.paletteViewHandler.copyPlannerElement.bind(this.paletteViewHandler), this.settingsState.setBBox.bind(this.settingsState));
       this.actionButtonState.initFunctions(this.divaWebPlanner, this.paletteViewHandler);
       this.uiState.initFunctions(this.divaWebPlanner.updatePlannerView.bind(this.divaWebPlanner), this.paletteViewHandler.visitActVisibleSteps.bind(this.paletteViewHandler), this.tabGroupState.updateCurTabGroupType.bind(this.tabGroupState), this.settingsState, this.divaWebPlanner.getReturnTo, this.divaWebPlanner.getFilterForCheckoutButtons.bind(this.divaWebPlanner));
-      if (plannerConfig == true || !(plannerConfig !== null && plannerConfig !== void 0 && plannerConfig.keepCache)) (_this$divaWebPlanner = this.divaWebPlanner) === null || _this$divaWebPlanner === void 0 || _this$divaWebPlanner.clearCache();
+      if (!adopted && (plannerConfig == true || !(plannerConfig !== null && plannerConfig !== void 0 && plannerConfig.keepCache))) (_this$divaWebPlanner = this.divaWebPlanner) === null || _this$divaWebPlanner === void 0 || _this$divaWebPlanner.clearCache();
       this.productState.initialize(this.divaWebPlanner, this.settingsState, this.wysiwygDebugState, this.viewPlannerHandler.setCurPlannerViewMode.bind(this.viewPlannerHandler), this.viewPlannerHandler.initPlannerViewMode.bind(this.viewPlannerHandler), this.actionButtonState.onClickAddToBasket.bind(this.actionButtonState));
       this.uiState.reset();
       this.aiState.reset();
       this.settingsState.reset();
       this.registerFunctions();
-      this.initializeLogic(cache);
+      if (adopted) this.attachAdoptedLogic();else this.initializeLogic(cache);
       //TabgroupViewHandler erstellen dieser Kümmert sich umm alle Click events usw.
 
       this.plannerHelper.initialize(this.paletteViewHandler, this.configuratorStructureHandler, this.divaWebPlanner, this.productState, this.tabGroupState, this.settingsState);
@@ -14404,24 +14677,65 @@ var DivaViewHandler = /*#__PURE__*/function () {
       this.productState.plannerMessages = new Map();
     }
   }, {
-    key: "initializeLogic",
+    key: "attachAdoptedLogic",
     value: function () {
-      var _initializeLogic = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(cache) {
-        var _this$actions7;
-        var _this$getI18nInstance2, _this$getI18nInstance3, _this$configState, _this$configState2, _this$actions8;
+      var _attachAdoptedLogic = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _this$actions8;
+        var _this$actions9;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              (_this$actions7 = this.actions) === null || _this$actions7 === void 0 || _this$actions7.toggleLoading('init_planner_logic', false, true, undefined, true);
+              (_this$actions8 = this.actions) === null || _this$actions8 === void 0 || _this$actions8.toggleLoading('init_planner_logic', false, true, undefined, true);
               _context.prev = 1;
               _context.next = 4;
               return waitForNextPaint();
             case 4:
+              _context.next = 6;
+              return this.divaWebPlanner.reattachView();
+            case 6:
+              this.uiState.setIsLogicLoading(false);
+              _context.next = 13;
+              break;
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](1);
+              LOG$1.error(_context.t0);
+              this.initializedWithErrors = true;
+            case 13:
+              _context.prev = 13;
+              (_this$actions9 = this.actions) === null || _this$actions9 === void 0 || _this$actions9.toggleLoading('init_planner_logic', false, false);
+              return _context.finish(13);
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[1, 9, 13, 16]]);
+      }));
+      function attachAdoptedLogic() {
+        return _attachAdoptedLogic.apply(this, arguments);
+      }
+      return attachAdoptedLogic;
+    }()
+  }, {
+    key: "initializeLogic",
+    value: function () {
+      var _initializeLogic = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(cache) {
+        var _this$actions10;
+        var _this$getI18nInstance2, _this$getI18nInstance3, _this$configState, _this$configState2, _this$actions11;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              bootMark('view: initializeLogic');
+              (_this$actions10 = this.actions) === null || _this$actions10 === void 0 || _this$actions10.toggleLoading('init_planner_logic', false, true, undefined, true);
+              _context2.prev = 2;
+              _context2.next = 5;
+              return waitForNextPaint();
+            case 5:
               LOG$1.debug('Start divaWebPlanner.initialize after spinner paint wait');
-              _context.next = 7;
+              _context2.next = 8;
               return this.divaWebPlanner.initialize(cache);
-            case 7:
-              this.initializedWithErrors = !_context.sent;
+            case 8:
+              this.initializedWithErrors = !_context2.sent;
               this.uiState.setIsLogicLoading(false);
               LOG$1.successTransaction('ON_OPEN_PLANNER', {
                 divaNr: this.divaWebPlanner.divaNr,
@@ -14430,34 +14744,34 @@ var DivaViewHandler = /*#__PURE__*/function () {
                 artNr: JSON.stringify(this.configState.articleCodexes),
                 lang: (_this$getI18nInstance2 = this.getI18nInstance()) === null || _this$getI18nInstance2 === void 0 ? void 0 : _this$getI18nInstance2.language
               });
-              _context.next = 17;
+              _context2.next = 18;
               break;
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](1);
-              if (_context.t0.message.includes('does not exist in the Catalog:')) {
+            case 13:
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](2);
+              if (_context2.t0.message.includes('does not exist in the Catalog:')) {
                 if ((_this$configState = this.configState) !== null && _this$configState !== void 0 && _this$configState.articleCodexes && ((_this$configState2 = this.configState) === null || _this$configState2 === void 0 ? void 0 : _this$configState2.articleCodexes.length) > 0) {
                   this.uiState.setConfiguratorHidden(true);
                   alert('Something went wrong. Please try again or contact support');
                 }
               }
-              LOG$1.error(_context.t0);
-              LOG$1.errorTransaction('ON_OPEN_PLANNER', 'WC_0007', _context.t0.message, {
+              LOG$1.error(_context2.t0);
+              LOG$1.errorTransaction('ON_OPEN_PLANNER', 'WC_0007', _context2.t0.message, {
                 divaNr: this.divaWebPlanner.divaNr,
                 productId: this.configState.productId,
                 cat: this.divaWebPlanner.getCurCatalogCodex(),
                 artNr: JSON.stringify(this.configState.articleCodexes),
                 lang: (_this$getI18nInstance3 = this.getI18nInstance()) === null || _this$getI18nInstance3 === void 0 ? void 0 : _this$getI18nInstance3.language
               });
-            case 17:
-              _context.prev = 17;
-              (_this$actions8 = this.actions) === null || _this$actions8 === void 0 || _this$actions8.toggleLoading('init_planner_logic', false, false);
-              return _context.finish(17);
-            case 20:
+            case 18:
+              _context2.prev = 18;
+              (_this$actions11 = this.actions) === null || _this$actions11 === void 0 || _this$actions11.toggleLoading('init_planner_logic', false, false);
+              return _context2.finish(18);
+            case 21:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this, [[1, 12, 17, 20]]);
+        }, _callee2, this, [[2, 13, 18, 21]]);
       }));
       function initializeLogic(_x) {
         return _initializeLogic.apply(this, arguments);
@@ -14558,9 +14872,9 @@ var DivaViewHandler = /*#__PURE__*/function () {
   }, {
     key: "addProduct",
     value: function () {
-      var _addProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(productId) {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _addProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(productId) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               if (this.divaWebPlanner.getPlannerMode() == 'ProductList') {
                 //first time click on productlist in an empty planner
@@ -14568,9 +14882,9 @@ var DivaViewHandler = /*#__PURE__*/function () {
               }
             case 1:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
       function addProduct(_x2) {
         return _addProduct.apply(this, arguments);
@@ -14580,17 +14894,17 @@ var DivaViewHandler = /*#__PURE__*/function () {
   }, {
     key: "loadProduct",
     value: function () {
-      var _loadProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(productId) {
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      var _loadProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(productId) {
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               this.configState.productId = productId;
               this.initialize(false, this.configState);
             case 2:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
       function loadProduct(_x3) {
         return _loadProduct.apply(this, arguments);
@@ -14600,19 +14914,19 @@ var DivaViewHandler = /*#__PURE__*/function () {
   }, {
     key: "addDivaNrToSet",
     value: function () {
-      var _addDivaNrToSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(divaNr) {
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _addDivaNrToSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(divaNr) {
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              _context4.next = 2;
+              _context5.next = 2;
               return this.divaWebPlanner.addSetToActPlanningByDivaNr(divaNr);
             case 2:
               this.updateConfiguratorState(true);
             case 3:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4, this);
+        }, _callee5, this);
       }));
       function addDivaNrToSet(_x4) {
         return _addDivaNrToSet.apply(this, arguments);
@@ -14641,6 +14955,28 @@ var DivaViewHandler = /*#__PURE__*/function () {
       var posNr = (_this$configuratorStr = this.configuratorStructureHandler.getConfigStepByKey(configStepKey)) === null || _this$configuratorStr === void 0 ? void 0 : _this$configuratorStr.configStep.posNr;
       if (posNr) this.paletteViewHandler.scrollToConfigStepByPosNr(posNr, true);
     }
+
+    /**
+     * Scroll the palette to one option value inside a config step. Registered into
+     * the logic (registerScrollToOptionValue) so logic-side callers — e.g. the diva
+     * agent's revealConfigStepInView — can steer the view without a react dependency.
+     */
+  }, {
+    key: "scrollToOptionValue",
+    value: function scrollToOptionValue(configStepKey, optionValueCodex) {
+      var _this$configuratorStr2,
+        _this2 = this;
+      var posNr = (_this$configuratorStr2 = this.configuratorStructureHandler.getConfigStepByKey(configStepKey)) === null || _this$configuratorStr2 === void 0 ? void 0 : _this$configuratorStr2.configStep.posNr;
+      if (!posNr) return;
+      // The navigated step's palette needs a tick to render before we can scroll to a value inside it.
+      setTimeout(function () {
+        try {
+          _this2.paletteViewHandler.scrollToOPV(posNr, optionValueCodex);
+        } catch (_unused) {
+          /* scroll target may not be rendered */
+        }
+      }, 300);
+    }
   }, {
     key: "setWebConifguratorTitle",
     value:
@@ -14666,15 +15002,15 @@ var DivaViewHandler = /*#__PURE__*/function () {
   }, {
     key: "initApiDependencies",
     value: (function () {
-      var _initApiDependencies = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-        var config, _this$actions9, _this$configState$cur, _this$configState$cur2;
-        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+      var _initApiDependencies = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+        var config, _this$actions12, _this$configState$cur, _this$configState$cur2;
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               config = this.divaWebPlanner.getAllConfig();
               if (config) {
                 this.uiState.initFromConfig(config);
-                this.uiState.initTemplateConfig(this.divaWebPlanner.getTemplateConfig(), (_this$actions9 = this.actions) === null || _this$actions9 === void 0 ? void 0 : _this$actions9.userHasPermission('advancedconfigurator'));
+                this.uiState.initTemplateConfig(this.divaWebPlanner.getTemplateConfig(), (_this$actions12 = this.actions) === null || _this$actions12 === void 0 ? void 0 : _this$actions12.userHasPermission('advancedconfigurator'));
                 this.settingsState.setForceSettingsHeaderInScrollContainer(config.viewConfig.forceSettingsHeaderInScrollContainer);
                 this.productState.initViewConfig(config.viewConfig.doShowFunctions, !!this.divaWebPlanner.userIsLoggedIn, (_this$configState$cur = this.configState.currentOrganization) !== null && _this$configState$cur !== void 0 && (_this$configState$cur = _this$configState$cur.settings) !== null && _this$configState$cur !== void 0 && _this$configState$cur.enableAR ? this.getViewConfig().arQrCodeConfig ? this.getViewConfig().arQrCodeConfig : {
                   doAutoShow: false
@@ -14686,9 +15022,9 @@ var DivaViewHandler = /*#__PURE__*/function () {
               }
             case 2:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, this);
+        }, _callee6, this);
       }));
       function initApiDependencies() {
         return _initApiDependencies.apply(this, arguments);
@@ -14709,35 +15045,35 @@ var DivaViewHandler = /*#__PURE__*/function () {
   }, {
     key: "initPlannerView",
     value: function () {
-      var _initPlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-        var _this$divaWebPlanner$3, _this$actions10;
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+      var _initPlannerView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+        var _this$divaWebPlanner$3, _this$actions13;
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if (!this.uiState.ViewConfig) {
-                _context6.next = 9;
+                _context7.next = 9;
                 break;
               }
             case 1:
               if (this.viewIsReady) {
-                _context6.next = 6;
+                _context7.next = 6;
                 break;
               }
-              _context6.next = 4;
+              _context7.next = 4;
               return DivaUtils.Sleep(20);
             case 4:
-              _context6.next = 1;
+              _context7.next = 1;
               break;
             case 6:
-              _context6.next = 8;
+              _context7.next = 8;
               return this.viewPlannerHandler.initPlannerView(this.uiState.ViewConfig, this.productState, this.aiState, this.settingsState, this.divaWebPlanner.updatePlannerTrans, this.divaWebPlanner.updatePlannerView, (_this$divaWebPlanner$3 = this.divaWebPlanner.actSet()) === null || _this$divaWebPlanner$3 === void 0 ? void 0 : _this$divaWebPlanner$3.CatalogData.PlannerPaletteViewInfo);
             case 8:
-              (_this$actions10 = this.actions) === null || _this$actions10 === void 0 || _this$actions10.toggleLoading('Planner_Loading', false, false);
+              (_this$actions13 = this.actions) === null || _this$actions13 === void 0 || _this$actions13.toggleLoading('Planner_Loading', false, false);
             case 9:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this);
+        }, _callee7, this);
       }));
       function initPlannerView() {
         return _initPlannerView.apply(this, arguments);
@@ -14758,22 +15094,22 @@ var DivaViewHandler = /*#__PURE__*/function () {
       this.productState.setFormatedPrices(newTotalPrice, newCurSetPrice, bruttoPrice, customDimensions, priceFormat);
       this.aiState.setSetHash(setHash);
       if ((_this$getViewConfig = this.getViewConfig()) !== null && _this$getViewConfig !== void 0 && _this$getViewConfig.renderPriceInFrameworkHeader && !this.uiState.hidePrices) {
-        var _this$uiState$i18nIns, _this$productState$fo, _this$actions11;
+        var _this$uiState$i18nIns, _this$productState$fo, _this$actions14;
         var priceInfo = (_this$uiState$i18nIns = this.uiState.i18nInstance) === null || _this$uiState$i18nIns === void 0 ? void 0 : _this$uiState$i18nIns.t('configurator.PRICE_INFO_HEADER');
         var price = DivaUtils.formatPrice((_this$productState$fo = this.productState.formatedTotalPrice) !== null && _this$productState$fo !== void 0 ? _this$productState$fo : 0, this.productState.priceFormat);
-        (_this$actions11 = this.actions) === null || _this$actions11 === void 0 || _this$actions11.updateCustomHeaderElement(['DIVA_WEBPLANNER'], function () {
+        (_this$actions14 = this.actions) === null || _this$actions14 === void 0 || _this$actions14.updateCustomHeaderElement(['DIVA_WEBPLANNER'], function () {
           return FrameworkPrice(priceInfo, price);
         });
       } else {
-        var _this$actions12;
-        (_this$actions12 = this.actions) === null || _this$actions12 === void 0 || _this$actions12.updateCustomHeaderElement(['DIVA_WEBPLANNER'], undefined);
+        var _this$actions15;
+        (_this$actions15 = this.actions) === null || _this$actions15 === void 0 || _this$actions15.updateCustomHeaderElement(['DIVA_WEBPLANNER'], undefined);
       }
     }
   }, {
     key: "clearPrice",
     value: function clearPrice() {
-      var _this$actions13;
-      (_this$actions13 = this.actions) === null || _this$actions13 === void 0 || _this$actions13.updateCustomHeaderElement(['DIVA_WEBPLANNER'], undefined);
+      var _this$actions16;
+      (_this$actions16 = this.actions) === null || _this$actions16 === void 0 || _this$actions16.updateCustomHeaderElement(['DIVA_WEBPLANNER'], undefined);
     }
 
     /**
@@ -14808,13 +15144,13 @@ var DivaViewHandler = /*#__PURE__*/function () {
       var image = "url('" + rendering.getImageForSrc() + "')";
       this.divaWebPlanner.callEvent('onWebPlanerZoomClick', image);
       if (!this.eventIsManagedByClient('onWebPlanerZoomClick')) {
-        var _this$actions14, _this$actions15;
-        (_this$actions14 = this.actions) === null || _this$actions14 === void 0 || _this$actions14.openFullscreen({
+        var _this$actions17, _this$actions18;
+        (_this$actions17 = this.actions) === null || _this$actions17 === void 0 || _this$actions17.openFullscreen({
           content: Fullscreen({
             image: image
           })
         });
-        (_this$actions15 = this.actions) === null || _this$actions15 === void 0 || _this$actions15.toggleLoading('Planner_Rendering', false, false);
+        (_this$actions18 = this.actions) === null || _this$actions18 === void 0 || _this$actions18.toggleLoading('Planner_Rendering', false, false);
       }
       this.logAnalytics('onFullScreen', 'Click on Zoom Button'); //pfister specific
     }
@@ -14918,6 +15254,11 @@ var DivaViewHandler = /*#__PURE__*/function () {
     value: function setHQRenderScript(hqRenderScript) {
       this.hqRenderScript = hqRenderScript;
     }
+  }, {
+    key: "downloadHQRenderScriptDebugFile",
+    value: function downloadHQRenderScriptDebugFile() {
+      this.divaWebPlanner.downloadHQRenderScriptDebugFile();
+    }
   }, {
     key: "setCamInfo",
     value: function setCamInfo(camInfo) {
@@ -14930,49 +15271,52 @@ var DivaViewHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "registerFunctions",
-    value: function registerFunctions() {
-      //Register all functions that are called from the logic
+    value: /** Attach this view handler to the logic as ONE PlannerViewApi (initial mount or adoption of an existing instance). */
+    function registerFunctions() {
       this.divaWebPlanner.setI18n(this.getI18nInstance.bind(this));
-      this.divaWebPlanner.registerInitPlannerView(this.initPlannerView.bind(this));
-      this.divaWebPlanner.registerInitConfiguratorMode(this.productState.initConfiguratorMode.bind(this.productState));
-      this.divaWebPlanner.registerInitConfiguratorStructure(this.initConfiguratorStructure.bind(this));
-      this.divaWebPlanner.registerUpdateConfiguratorStructure(this.updateConfiguratorStructure.bind(this));
-      this.divaWebPlanner.registerNavigateToTabGroup(this.navigateToTabGroup.bind(this));
-      this.divaWebPlanner.registerNavigateToConfigStep(this.navigateToConfigStep.bind(this));
-      this.divaWebPlanner.registerUpdateCatalogPlannerArticles(this.updateCatalogPlannerArticles.bind(this));
-      this.divaWebPlanner.registerUpdateCatalogPlanner2Dot0Articles(this.updateCatalogPlanner2Dot0Articles.bind(this));
-      this.divaWebPlanner.registerUpdateAccessoiresPalette(this.updateAccessoiresPalette.bind(this));
-      this.divaWebPlanner.registerSetWebConifguratorTitle(this.setWebConifguratorTitle.bind(this));
-      this.divaWebPlanner.registerOnBasketInitialized(this.onBasketInitialized.bind(this));
-      this.divaWebPlanner.registerUpdateConfigItems(this.updateConfigItems.bind(this));
-      this.divaWebPlanner.registerUpdatePaletteInfos(this.updatePaletteInfos.bind(this));
-      this.divaWebPlanner.registerUpdateBBox(this.updateBBox.bind(this));
-      this.divaWebPlanner.registerUpdatePlannerElements(this.viewPlannerHandler.updatePlannerElements.bind(this.viewPlannerHandler));
-      this.divaWebPlanner.registerUpdateElementSelectionConfig(this.viewPlannerHandler.updateElementSelectionConfig.bind(this.viewPlannerHandler));
-      this.divaWebPlanner.registerUpdateElementSelectionPlanner(this.viewPlannerHandler.updateElementSelectionPlanner.bind(this.viewPlannerHandler));
-      this.divaWebPlanner.registerGetCurPlannerViewMode(this.viewPlannerHandler.getCurPlannerViewMode.bind(this.viewPlannerHandler));
-      this.divaWebPlanner.registerGetInitPlannerViewMode(this.viewPlannerHandler.getInitPlannerViewMode.bind(this.viewPlannerHandler));
-      this.divaWebPlanner.registerUpdatePlanner3DImage(this.viewPlannerHandler.updatePlanner3DImage.bind(this.viewPlannerHandler));
-      this.divaWebPlanner.registerSetRotationOrbitCube(this.viewPlannerHandler.setRotationOfOrbitCube.bind(this.viewPlannerHandler));
-      this.divaWebPlanner.registerGetCanvas2DAsJPG(this.viewPlannerHandler.get2DPlanning2DAsJPG.bind(this));
-      this.divaWebPlanner.registerUpdatePlannerMsgContainer(this.productState.updatePlannerMsgContainer.bind(this.productState));
-      this.divaWebPlanner.registerUpdateFullScreenRendering(this.updateFullscreenRendering.bind(this));
-      this.divaWebPlanner.registerUpdateSetImage(this.productState.updateSetImage.bind(this.productState));
-      this.divaWebPlanner.registerGetDoShow3DDimensionLines(this.productState.getDoShow3DDimensionLines.bind(this.productState));
-      this.divaWebPlanner.registerGetCurrentAlternativRendering(this.getCurrentAlternativRendering.bind(this));
-      this.divaWebPlanner.registerUpdatePlanner2DGrid(this.viewPlannerHandler.updatePlanner2DGrid.bind(this.viewPlannerHandler));
-      this.divaWebPlanner.registerGetPlannerRenderingSize(this.productState.getPlannerRenderingSize.bind(this.productState));
-      this.divaWebPlanner.registerUpdateSummaryItems(this.updateSummaryItems.bind(this));
-      this.divaWebPlanner.registerUpdateStaticRoomListItems(this.updateStaticRoomListItems.bind(this));
-      this.divaWebPlanner.registerUpdateShelfPlannerItems(this.updateShelfPlannerItems.bind(this));
-      this.divaWebPlanner.registerUpdateShelfPlannerGrids(this.updateFreePlacesOnGrids.bind(this));
-      this.divaWebPlanner.registerUpdateDoorPlannerItems(this.updateDoorPlannerItems.bind(this));
-      this.divaWebPlanner.registerUpdatePrice(this.updatePrice.bind(this));
-      this.divaWebPlanner.registerOnClickAddToBasket(this.actionButtonState.onClickAddToBasket.bind(this.actionButtonState));
-      this.divaWebPlanner.registerUpdateViewButtonsDependigOnConfigStructure(this.actionButtonState.initForUpdate.bind(this.actionButtonState));
-      this.divaWebPlanner.registerInitApiDependencies(this.initApiDependencies.bind(this));
-      this.divaWebPlanner.registerSetHQRenderScript(this.setHQRenderScript.bind(this));
-      this.divaWebPlanner.registerSetCamInfo(this.setCamInfo.bind(this));
+      this.divaWebPlanner.attachView({
+        initPlannerView: this.initPlannerView.bind(this),
+        initConfiguratorMode: this.productState.initConfiguratorMode.bind(this.productState),
+        initConfiguratorStructure: this.initConfiguratorStructure.bind(this),
+        updateConfiguratorStructure: this.updateConfiguratorStructure.bind(this),
+        navigateToTabGroup: this.navigateToTabGroup.bind(this),
+        navigateToConfigStep: this.navigateToConfigStep.bind(this),
+        scrollToOptionValueInView: this.scrollToOptionValue.bind(this),
+        updateCatalogPlannerArticles: this.updateCatalogPlannerArticles.bind(this),
+        updateCatalogPlanner2Dot0Articles: this.updateCatalogPlanner2Dot0Articles.bind(this),
+        updateAccessoiresPalette: this.updateAccessoiresPalette.bind(this),
+        setWebConifguratorTitle: this.setWebConifguratorTitle.bind(this),
+        onBasketInitialized: this.onBasketInitialized.bind(this),
+        updateConfigItems: this.updateConfigItems.bind(this),
+        updatePaletteInfos: this.updatePaletteInfos.bind(this),
+        updateBBox: this.updateBBox.bind(this),
+        updateViewPlannerElements: this.viewPlannerHandler.updatePlannerElements.bind(this.viewPlannerHandler),
+        updateElementSelectionConfig: this.viewPlannerHandler.updateElementSelectionConfig.bind(this.viewPlannerHandler),
+        updateElementSelectionPlanner: this.viewPlannerHandler.updateElementSelectionPlanner.bind(this.viewPlannerHandler),
+        getCurPlannerViewMode: this.viewPlannerHandler.getCurPlannerViewMode.bind(this.viewPlannerHandler),
+        getInitPlannerViewMode: this.viewPlannerHandler.getInitPlannerViewMode.bind(this.viewPlannerHandler),
+        updatePlanner3DImage: this.viewPlannerHandler.updatePlanner3DImage.bind(this.viewPlannerHandler),
+        setRotationOrbitCube: this.viewPlannerHandler.setRotationOfOrbitCube.bind(this.viewPlannerHandler),
+        getCanvas2DAsJPG: this.viewPlannerHandler.get2DPlanning2DAsJPG.bind(this),
+        updatePlannerMsgContainer: this.productState.updatePlannerMsgContainer.bind(this.productState),
+        updateFullscreenRendering: this.updateFullscreenRendering.bind(this),
+        updateSetImage: this.productState.updateSetImage.bind(this.productState),
+        getDoShow3DDimensionLines: this.productState.getDoShow3DDimensionLines.bind(this.productState),
+        getCurrentAlternativRendering: this.getCurrentAlternativRendering.bind(this),
+        updatePlanner2DGrid: this.viewPlannerHandler.updatePlanner2DGrid.bind(this.viewPlannerHandler),
+        getPlannerRenderingSize: this.productState.getPlannerRenderingSize.bind(this.productState),
+        updateSummaryItems: this.updateSummaryItems.bind(this),
+        updateStaticRoomListItems: this.updateStaticRoomListItems.bind(this),
+        updateShelfPlannerItems: this.updateShelfPlannerItems.bind(this),
+        updateFreePlacesOnGrids: this.updateFreePlacesOnGrids.bind(this),
+        updateDoorPlannerItems: this.updateDoorPlannerItems.bind(this),
+        updatePrice: this.updatePrice.bind(this),
+        onClickAddToBasket: this.actionButtonState.onClickAddToBasket.bind(this.actionButtonState),
+        updateViewButtonsDependigOnConfigStructure: this.actionButtonState.initForUpdate.bind(this.actionButtonState),
+        initViewApiDependencies: this.initApiDependencies.bind(this),
+        setHQRenderScript: this.setHQRenderScript.bind(this),
+        setCamInfo: this.setCamInfo.bind(this)
+      });
     }
   }]);
 }();
@@ -15018,16 +15362,27 @@ var ViewHandlerProvider = function ViewHandlerProvider(_ref) {
     isVisible = true;
   }
   useEffect(function () {
+    var _plannerConfig$action, _plannerConfig$action2;
     if (plannerConfig.addDivaNr) {
       plannerConfig.divaNr = plannerConfig.addDivaNr;
       setAddDivaNr(plannerConfig.addDivaNr);
     }
+
+    // Instance adoption: the host may hand over an already-initialized planner logic instance
+    // (e.g. one the backoffice DIVA agent created headless) — the view then attaches to it
+    // instead of re-initializing from scratch.
+    var adoptPlanner = (_plannerConfig$action = plannerConfig.actions) === null || _plannerConfig$action === void 0 || (_plannerConfig$action2 = _plannerConfig$action.resolveAdoptablePlanner) === null || _plannerConfig$action2 === void 0 ? void 0 : _plannerConfig$action2.call(_plannerConfig$action);
     var newViewHandler = new DivaViewHandler(plannerConfig, isVisible);
-    newViewHandler.initialize(true);
+    newViewHandler.initialize(true, undefined, adoptPlanner);
     if (plannerConfig.productId) {
       newViewHandler.configState.currentInitializedProductId = plannerConfig.productId;
     }
     setViewHandler(newViewHandler);
+    return function () {
+      var _plannerConfig$action3, _plannerConfig$action4;
+      // Tell the host the instance handed out via onPlannerInstance is gone (planner unmounts or re-creates its handler).
+      (_plannerConfig$action3 = plannerConfig.actions) === null || _plannerConfig$action3 === void 0 || (_plannerConfig$action4 = _plannerConfig$action3.onPlannerInstance) === null || _plannerConfig$action4 === void 0 || _plannerConfig$action4.call(_plannerConfig$action3, undefined);
+    };
   }, [user]);
   var keyDownFunction = useCallback(function (e) {
     if (!viewHandler) return;
@@ -15041,7 +15396,16 @@ var ViewHandlerProvider = function ViewHandlerProvider(_ref) {
       //focus on search
       if (viewHandler.paletteViewHandler.focusSearch()) e.preventDefault();
     }
-  }, [viewHandler]);
+    if (e.key === 'Delete' || e.key === 'Backspace') {
+      // A hidden planner must not delete anything from keys pressed elsewhere on the host page.
+      if (!isVisible) return;
+      // Don't hijack the key while the user is typing in an input / editable field.
+      var active = document.activeElement;
+      var tag = active === null || active === void 0 ? void 0 : active.tagName;
+      if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || active !== null && active !== void 0 && active.isContentEditable) return;
+      viewHandler.viewPlannerHandler.deleteSelectedElement();
+    }
+  }, [viewHandler, isVisible]);
   useEffect(function () {
     document.addEventListener('keydown', keyDownFunction, false);
     return function () {
@@ -15058,7 +15422,7 @@ var ViewHandlerProvider = function ViewHandlerProvider(_ref) {
   var initConfigurator = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _viewHandler$divaWebP;
-      var initReasons, _viewHandler$divaWebP2, _plannerConfig$varian, _plannerConfig$varian2, _plannerConfig$varian3, articles, article, isUiShellReady, waitRetries, MAX_WAIT_RETRIES, _viewHandler$divaWebP3, _viewHandler$settings3, _viewHandler$settings4, _viewHandler$configur2, _viewHandler$divaWebP4, articlesAfterReset, articleAfterReset, options, _plannerConfig$action, _ref3, otherInternals;
+      var initReasons, _viewHandler$divaWebP2, _plannerConfig$varian, _plannerConfig$varian2, _plannerConfig$varian3, articles, article, isUiShellReady, waitRetries, MAX_WAIT_RETRIES, _viewHandler$divaWebP3, _viewHandler$settings3, _viewHandler$settings4, _viewHandler$configur2, _viewHandler$divaWebP4, articlesAfterReset, articleAfterReset, options, _plannerConfig$action5, _ref3, otherInternals;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -15233,7 +15597,7 @@ var ViewHandlerProvider = function ViewHandlerProvider(_ref) {
             if (plannerConfig.forceReload != undefined && plannerConfig.actions) {
               // reset forceReload
               _ref3 = plannerConfig.internal || {}, _ref3.forceReload, otherInternals = _objectWithoutProperties(_ref3, _excluded2);
-              (_plannerConfig$action = plannerConfig.actions) === null || _plannerConfig$action === void 0 || _plannerConfig$action.openComponent({
+              (_plannerConfig$action5 = plannerConfig.actions) === null || _plannerConfig$action5 === void 0 || _plannerConfig$action5.openComponent({
                 type: 'DIVA_WEBPLANNER',
                 parameters: plannerConfig === null || plannerConfig === void 0 ? void 0 : plannerConfig.parameters,
                 internal: otherInternals
@@ -15413,49 +15777,49 @@ function __variableDynamicImportRuntime0__(path) {
   switch (path) {
     case '../components/GlobalElements/HeightAnimator.tsx': return Promise.resolve().then(function () { return HeightAnimator$1; });
     case '../components/Layout/index.tsx': return Promise.resolve().then(function () { return index$o; });
-    case '../components/Settings/index.tsx': return import('./index-7e78bbac.js');
-    case '../components/TabGroup/index.tsx': return import('./index-f930afa0.js');
-    case '../components/Action/BasketMobile/index.tsx': return import('./index-40ca5eeb.js');
-    case '../components/Action/Navigation/index.tsx': return import('./index-c8de3993.js');
-    case '../components/GlobalElements/Affiliate/index.tsx': return import('./index-03a0fdc9.js');
-    case '../components/GlobalElements/AiRoomsSelection/index.tsx': return import('./index-85269def.js');
-    case '../components/GlobalElements/ArticleOverviewSlider/index.tsx': return import('./index-17ba7b38.js');
+    case '../components/Settings/index.tsx': return import('./index-20014561.js');
+    case '../components/TabGroup/index.tsx': return import('./index-cc14ced5.js');
+    case '../components/Action/BasketMobile/index.tsx': return import('./index-e8a4059f.js');
+    case '../components/Action/Navigation/index.tsx': return import('./index-a85ea9d9.js');
+    case '../components/GlobalElements/Affiliate/index.tsx': return import('./index-ab484a17.js');
+    case '../components/GlobalElements/AiRoomsSelection/index.tsx': return import('./index-f691c6e8.js');
+    case '../components/GlobalElements/ArticleOverviewSlider/index.tsx': return import('./index-3a751e91.js');
     case '../components/GlobalElements/Checkout/index.tsx': return Promise.resolve().then(function () { return index$9; });
     case '../components/GlobalElements/FrameworkPrice/index.tsx': return Promise.resolve().then(function () { return index$7; });
     case '../components/GlobalElements/Fullscreen/index.tsx': return Promise.resolve().then(function () { return index$6; });
-    case '../components/Layout/classification/index.tsx': return import('./index-7488e2e2.js');
-    case '../components/Layout/gold/index.tsx': return import('./index-fdf86798.js');
-    case '../components/Layout/ralph/index.tsx': return import('./index-1d481484.js');
-    case '../components/Layout/serious/index.tsx': return import('./index-fedccb21.js');
-    case '../components/Layout/seriousRight/index.tsx': return import('./index-42b71e75.js');
-    case '../components/Layout/standard/index.tsx': return import('./index-0b387613.js');
-    case '../components/Layout/wysiwyg/index.tsx': return import('./index-bb42994c.js');
-    case '../components/Product/ContentItemWrapper/index.tsx': return import('./index-74d5ee8b.js');
-    case '../components/Product/Product/index.tsx': return import('./index-15d52408.js');
-    case '../components/Product/ProductCenter/index.tsx': return import('./index-618fdc08.js');
-    case '../components/Product/ProductFooter/index.tsx': return import('./index-0c7b8562.js');
-    case '../components/Product/ProductInfo/index.tsx': return import('./index-0e05b6b9.js');
-    case '../components/Product/ProductSettings/index.tsx': return import('./index-8cef9ec1.js');
-    case '../components/Settings/SettingsDrawer/index.tsx': return import('./index-e260a81a.js');
-    case '../components/Settings/SettingsExpanderButtons/index.tsx': return import('./index-3ee68248.js');
-    case '../components/Settings/SettingsHeaderContainer/index.tsx': return import('./index-e0900a31.js');
-    case '../components/Settings/SettingsScroller/index.tsx': return import('./index-180189d9.js');
-    case '../components/Settings/SettingsSwiper/index.tsx': return import('./index-c7d3af7e.js');
-    case '../components/TabGroup/ProgressBar/index.tsx': return import('./index-33722dfd.js');
-    case '../components/TabGroup/Search/index.tsx': return import('./index-9663c0f2.js');
-    case '../components/TabGroup/TabGroupHorizontal/index.tsx': return import('./index-5ec31db5.js');
-    case '../components/TabGroup/TabGroupVertical/index.tsx': return import('./index-d6856cc5.js');
-    case '../components/Action/Basket/gold/index.tsx': return import('./index-efa06494.js');
-    case '../components/Action/Basket/ralph/index.tsx': return import('./index-337b35af.js');
-    case '../components/Action/Basket/serious/index.tsx': return import('./index-c46b6740.js');
-    case '../components/Action/Basket/standard/index.tsx': return import('./index-cdb372f1.js');
-    case '../components/Action/Navigation/blue/index.tsx': return import('./index-93284a2c.js');
-    case '../components/Action/Navigation/gold/index.tsx': return import('./index-e484cb4b.js');
-    case '../components/Action/Navigation/ralph/index.tsx': return import('./index-e46ca62c.js');
-    case '../components/Action/Navigation/standard/index.tsx': return import('./index-5c1c1b31.js');
-    case '../components/Action/Navigation/wysiwyg/index.tsx': return import('./index-c45f18fe.js');
+    case '../components/Layout/classification/index.tsx': return import('./index-9f4291ed.js');
+    case '../components/Layout/gold/index.tsx': return import('./index-8da362e7.js');
+    case '../components/Layout/ralph/index.tsx': return import('./index-d83af9ce.js');
+    case '../components/Layout/serious/index.tsx': return import('./index-ef359752.js');
+    case '../components/Layout/seriousRight/index.tsx': return import('./index-65360616.js');
+    case '../components/Layout/standard/index.tsx': return import('./index-830447ef.js');
+    case '../components/Layout/wysiwyg/index.tsx': return import('./index-ab4b4cb8.js');
+    case '../components/Product/ContentItemWrapper/index.tsx': return import('./index-d829c70f.js');
+    case '../components/Product/Product/index.tsx': return import('./index-5f5e67be.js');
+    case '../components/Product/ProductCenter/index.tsx': return import('./index-4cab5cbf.js');
+    case '../components/Product/ProductFooter/index.tsx': return import('./index-67ec2f5b.js');
+    case '../components/Product/ProductInfo/index.tsx': return import('./index-e8a45d13.js');
+    case '../components/Product/ProductSettings/index.tsx': return import('./index-50d5f4c5.js');
+    case '../components/Settings/SettingsDrawer/index.tsx': return import('./index-ddc68a29.js');
+    case '../components/Settings/SettingsExpanderButtons/index.tsx': return import('./index-8e2a4f06.js');
+    case '../components/Settings/SettingsHeaderContainer/index.tsx': return import('./index-2a47f172.js');
+    case '../components/Settings/SettingsScroller/index.tsx': return import('./index-02d964f2.js');
+    case '../components/Settings/SettingsSwiper/index.tsx': return import('./index-e497d62f.js');
+    case '../components/TabGroup/ProgressBar/index.tsx': return import('./index-433182bc.js');
+    case '../components/TabGroup/Search/index.tsx': return import('./index-5831525e.js');
+    case '../components/TabGroup/TabGroupHorizontal/index.tsx': return import('./index-1835dddc.js');
+    case '../components/TabGroup/TabGroupVertical/index.tsx': return import('./index-271c9d9c.js');
+    case '../components/Action/Basket/gold/index.tsx': return import('./index-373b7273.js');
+    case '../components/Action/Basket/ralph/index.tsx': return import('./index-3cb7cf48.js');
+    case '../components/Action/Basket/serious/index.tsx': return import('./index-1218ff75.js');
+    case '../components/Action/Basket/standard/index.tsx': return import('./index-81925f76.js');
+    case '../components/Action/Navigation/blue/index.tsx': return import('./index-8c986037.js');
+    case '../components/Action/Navigation/gold/index.tsx': return import('./index-13909b62.js');
+    case '../components/Action/Navigation/ralph/index.tsx': return import('./index-123ce416.js');
+    case '../components/Action/Navigation/standard/index.tsx': return import('./index-13908246.js');
+    case '../components/Action/Navigation/wysiwyg/index.tsx': return import('./index-c185167d.js');
     case '../components/GlobalElements/AiRoomsSelection/LeadKeyModal/index.tsx': return Promise.resolve().then(function () { return index$8; });
-    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/index.tsx': return import('./index-10cd9e60.js');
+    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/index.tsx': return import('./index-73fa2cb7.js');
     case '../components/GlobalElements/Checkout/AGB/index.tsx': return Promise.resolve().then(function () { return index$n; });
     case '../components/GlobalElements/Checkout/ClickToCall/index.tsx': return Promise.resolve().then(function () { return index$a; });
     case '../components/GlobalElements/Checkout/CreateAppointment/index.tsx': return Promise.resolve().then(function () { return index$l; });
@@ -15466,201 +15830,202 @@ function __variableDynamicImportRuntime0__(path) {
     case '../components/GlobalElements/Checkout/Save/index.tsx': return Promise.resolve().then(function () { return index$d; });
     case '../components/GlobalElements/Checkout/SavePDF/index.tsx': return Promise.resolve().then(function () { return index$b; });
     case '../components/GlobalElements/Checkout/Share/index.tsx': return Promise.resolve().then(function () { return index$f; });
-    case '../components/GlobalElements/PopupWindows/Inputbox/index.tsx': return import('./index-82a28d6e.js');
-    case '../components/Layout/wysiwyg/Toolbar/index.tsx': return import('./index-17bcc39b.js');
-    case '../components/Product/ContentItemWrapper/dontReopenAutomatically/index.tsx': return import('./index-2b748074.js');
-    case '../components/Product/Product/catalog/index.tsx': return import('./index-fcb72e7d.js');
-    case '../components/Product/Product/serious/index.tsx': return import('./index-94eb5a0b.js');
-    case '../components/Product/Product/standard/index.tsx': return import('./index-b9739a43.js');
-    case '../components/Product/ProductCenter/MobileNavIcons/index.tsx': return import('./index-bdf5827b.js');
-    case '../components/Product/ProductCenter/Planner2DGird/index.tsx': return import('./index-57f6aec3.js');
-    case '../components/Product/ProductCenter/Planner3D/index.tsx': return import('./index-581409b8.js');
-    case '../components/Product/ProductCenter/Planner3DImage/index.tsx': return import('./index-3c925a9c.js').then(function (n) { return n.b; });
-    case '../components/Product/ProductCenter/PlannerAIRoom/index.tsx': return import('./index-01e167be.js');
-    case '../components/Product/ProductCenter/PlannerMsgContainer/index.tsx': return import('./index-b6397dbb.js');
-    case '../components/Product/ProductCenter/PlannerRTV/index.tsx': return import('./index-347c80d9.js');
-    case '../components/Product/ProductCenter/PlannerUI/index.tsx': return import('./index-5abf6852.js');
-    case '../components/Product/ProductCenter/RoomListSelection/index.tsx': return import('./index-9a249b74.js');
-    case '../components/Product/ProductCenter/RotateInfo/index.tsx': return import('./index-8d2f95c8.js');
-    case '../components/Product/ProductFooter/gold/index.tsx': return import('./index-b6aaff5c.js');
-    case '../components/Product/ProductFooter/ralph/index.tsx': return import('./index-43d382c8.js');
-    case '../components/Product/ProductFooter/standard/index.tsx': return import('./index-7176a968.js');
-    case '../components/Product/ProductHeader/Functions/index.tsx': return import('./index-c87402ba.js');
-    case '../components/Product/ProductHeader/ProductHeader/index.tsx': return import('./index-5ad9fa64.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/index.tsx': return import('./index-4a1aeedd.js').then(function (n) { return n.d; });
-    case '../components/Settings/SettingsScroller/SettingsItemsWrapper/index.tsx': return import('./index-7ae6b393.js');
-    case '../components/Settings/SettingsScroller/SubTabGroup/index.tsx': return import('./index-45b6610c.js');
-    case '../components/Settings/SettingsSwiper/NavForwardButton/index.tsx': return import('./index-854179de.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/index.tsx': return import('./index-0029288b.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/index.tsx': return import('./index-74d46a1a.js');
-    case '../components/Action/Basket/ralph/PriceSumm/index.tsx': return import('./index-4e4215ad.js');
-    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/CustomInput/index.tsx': return import('./index-89fd7133.js');
-    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/InfoBanner/index.tsx': return import('./index-f45ab225.js');
-    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/RoomItem/index.tsx': return import('./index-ac5a2704.js');
+    case '../components/GlobalElements/PopupWindows/Inputbox/index.tsx': return import('./index-39484e30.js');
+    case '../components/Layout/wysiwyg/Toolbar/index.tsx': return import('./index-8573dbf4.js');
+    case '../components/Product/ContentItemWrapper/dontReopenAutomatically/index.tsx': return import('./index-106a5856.js');
+    case '../components/Product/Product/catalog/index.tsx': return import('./index-93e88012.js');
+    case '../components/Product/Product/serious/index.tsx': return import('./index-ab67e0fd.js');
+    case '../components/Product/Product/standard/index.tsx': return import('./index-3567cd34.js');
+    case '../components/Product/ProductCenter/MobileNavIcons/index.tsx': return import('./index-0e3bf26d.js');
+    case '../components/Product/ProductCenter/Planner2DGird/index.tsx': return import('./index-85e0b5aa.js');
+    case '../components/Product/ProductCenter/Planner3D/index.tsx': return import('./index-44b596df.js');
+    case '../components/Product/ProductCenter/Planner3DImage/index.tsx': return import('./index-07e3a28c.js').then(function (n) { return n.b; });
+    case '../components/Product/ProductCenter/PlannerAIRoom/index.tsx': return import('./index-d5b82d9f.js');
+    case '../components/Product/ProductCenter/PlannerMsgContainer/index.tsx': return import('./index-33f96c00.js');
+    case '../components/Product/ProductCenter/PlannerRTV/index.tsx': return import('./index-8621ba87.js');
+    case '../components/Product/ProductCenter/PlannerRTVNext/index.tsx': return import('./index-fd418d94.js');
+    case '../components/Product/ProductCenter/PlannerUI/index.tsx': return import('./index-5c0d278a.js');
+    case '../components/Product/ProductCenter/RoomListSelection/index.tsx': return import('./index-7f58c94e.js');
+    case '../components/Product/ProductCenter/RotateInfo/index.tsx': return import('./index-62f57622.js');
+    case '../components/Product/ProductFooter/gold/index.tsx': return import('./index-a719f387.js');
+    case '../components/Product/ProductFooter/ralph/index.tsx': return import('./index-d2a71f57.js');
+    case '../components/Product/ProductFooter/standard/index.tsx': return import('./index-747a1a0d.js');
+    case '../components/Product/ProductHeader/Functions/index.tsx': return import('./index-afd04cc2.js');
+    case '../components/Product/ProductHeader/ProductHeader/index.tsx': return import('./index-4dc2e098.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/index.tsx': return import('./index-c99d015b.js').then(function (n) { return n.d; });
+    case '../components/Settings/SettingsScroller/SettingsItemsWrapper/index.tsx': return import('./index-859f0bb8.js');
+    case '../components/Settings/SettingsScroller/SubTabGroup/index.tsx': return import('./index-c18aab5c.js');
+    case '../components/Settings/SettingsSwiper/NavForwardButton/index.tsx': return import('./index-49fc16cb.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/index.tsx': return import('./index-9cde92a8.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/index.tsx': return import('./index-a4b879c2.js');
+    case '../components/Action/Basket/ralph/PriceSumm/index.tsx': return import('./index-39458526.js');
+    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/CustomInput/index.tsx': return import('./index-ea08c6de.js');
+    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/InfoBanner/index.tsx': return import('./index-a91e9654.js');
+    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/RoomItem/index.tsx': return import('./index-60ad7ed4.js');
     case '../components/GlobalElements/Checkout/Share/CreatignQrCode/index.tsx': return Promise.resolve().then(function () { return index$j; });
     case '../components/GlobalElements/Checkout/Share/LoadingButton/index.tsx': return Promise.resolve().then(function () { return index$m; });
     case '../components/GlobalElements/Checkout/Share/MultiToggleSwitch/index.tsx': return Promise.resolve().then(function () { return index$k; });
     case '../components/GlobalElements/Checkout/Share/ShareViaEmail/index.tsx': return Promise.resolve().then(function () { return index$g; });
     case '../components/GlobalElements/Checkout/Share/ShareViaSocialMedias/index.tsx': return Promise.resolve().then(function () { return index$h; });
     case '../components/GlobalElements/Checkout/Share/ShareViaUrl/index.tsx': return Promise.resolve().then(function () { return index$i; });
-    case '../components/Layout/wysiwyg/Toolbar/FloatingWindow/index.tsx': return import('./index-a01e0683.js');
-    case '../components/Layout/wysiwyg/Toolbar/ToolContainer/index.tsx': return import('./index-4d855034.js');
-    case '../components/Product/Product/catalog/Sidebar/index.tsx': return import('./index-b48334cf.js');
-    case '../components/Product/Product/serious/CheckoutForm/index.tsx': return import('./index-369fda13.js');
-    case '../components/Product/ProductCenter/Planner3DImage/Logo/index.tsx': return import('./index-2ad23b0d.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/index.tsx': return import('./index-415fbe83.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/index.tsx': return import('./index-ef5f8f90.js');
+    case '../components/Layout/wysiwyg/Toolbar/FloatingWindow/index.tsx': return import('./index-66a6a18d.js');
+    case '../components/Layout/wysiwyg/Toolbar/ToolContainer/index.tsx': return import('./index-e9898803.js');
+    case '../components/Product/Product/catalog/Sidebar/index.tsx': return import('./index-2cf61d00.js');
+    case '../components/Product/Product/serious/CheckoutForm/index.tsx': return import('./index-78c7d4ae.js');
+    case '../components/Product/ProductCenter/Planner3DImage/Logo/index.tsx': return import('./index-9e9f53c2.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/index.tsx': return import('./index-0da8e4f5.js');
+    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/index.tsx': return import('./index-cb5f8635.js');
     case '../components/Product/ProductCenter/PlannerMsgContainer/PlannerMsgItem/index.tsx': return Promise.resolve().then(function () { return index$4; });
-    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/index.tsx': return import('./index-6c6b3de5.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/index.tsx': return import('./index-ff020436.js');
-    case '../components/Product/ProductCenter/RoomListSelection/serious/index.tsx': return import('./index-faafc31d.js');
-    case '../components/Product/ProductCenter/RoomListSelection/standard/index.tsx': return import('./index-87345a21.js');
-    case '../components/Product/ProductHeader/Functions/StyleIndicator/index.tsx': return import('./index-b9ea263d.js');
-    case '../components/Product/ProductHeader/ProductHeader/blue/index.tsx': return import('./index-e5e0e394.js');
-    case '../components/Product/ProductHeader/ProductHeader/gold/index.tsx': return import('./index-5db7e072.js');
-    case '../components/Product/ProductHeader/ProductHeader/ralph/index.tsx': return import('./index-34149b78.js');
-    case '../components/Product/ProductHeader/ProductHeader/standard/index.tsx': return import('./index-5d29eff3.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/DockFilter/index.tsx': return import('./index-a01842a6.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/index.tsx': return import('./index-f74add7e.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/Searchbar/index.tsx': return import('./index-45ae8ca7.js');
+    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/index.tsx': return import('./index-88842a4d.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/index.tsx': return import('./index-fca70154.js');
+    case '../components/Product/ProductCenter/RoomListSelection/serious/index.tsx': return import('./index-1d5baa3b.js');
+    case '../components/Product/ProductCenter/RoomListSelection/standard/index.tsx': return import('./index-0876ef9d.js');
+    case '../components/Product/ProductHeader/Functions/StyleIndicator/index.tsx': return import('./index-2b56d780.js');
+    case '../components/Product/ProductHeader/ProductHeader/blue/index.tsx': return import('./index-e27608a7.js');
+    case '../components/Product/ProductHeader/ProductHeader/gold/index.tsx': return import('./index-df7347d9.js');
+    case '../components/Product/ProductHeader/ProductHeader/ralph/index.tsx': return import('./index-8ee4175f.js');
+    case '../components/Product/ProductHeader/ProductHeader/standard/index.tsx': return import('./index-43998f39.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/DockFilter/index.tsx': return import('./index-65f10148.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/index.tsx': return import('./index-fdc1cd3c.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/Searchbar/index.tsx': return import('./index-5ce2f921.js');
     case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/index.tsx': return Promise.resolve().then(function () { return index$3; });
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsConfigSingle/index.tsx': return import('./index-d4be771b.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/index.tsx': return import('./index-315a6526.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ComponentMap/index.tsx': return import('./index-08d97746.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemWrapper/index.tsx': return import('./index-4a1aeedd.js').then(function (n) { return n.b; });
-    case '../components/Settings/SettingsScroller/SettingsItem/StepInfo/index.tsx': return import('./index-102ef56e.js');
-    case '../components/Settings/SettingsScroller/SettingsItemsWrapper/ContentItemTeaser/index.tsx': return import('./index-bf19aa67.js');
-    case '../components/Settings/SettingsScroller/SettingsItemsWrapper/SettingsItemsGroup/index.tsx': return import('./index-2a46675e.js');
-    case '../components/Settings/SettingsScroller/SubTabGroup/SubTabGroupHeader/index.tsx': return import('./index-06656766.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/gold/index.tsx': return import('./index-34a1419b.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/inspiration/index.tsx': return import('./index-f3c7eafa.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/ralph/index.tsx': return import('./index-dca10eb4.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/standard/index.tsx': return import('./index-e660d80c.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/wysiwyg/index.tsx': return import('./index-892ffe4d.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/index.tsx': return import('./index-555b281e.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/free/index.tsx': return import('./index-938c8c26.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/mountain/index.tsx': return import('./index-af4148a4.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/serious/index.tsx': return import('./index-b692e521.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/standard/index.tsx': return import('./index-5665b09a.js');
-    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/RoomItem/UploadItem/index.tsx': return import('./index-46e9d390.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/gold/index.tsx': return import('./index-8839bff1.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/serious/index.tsx': return import('./index-eee225cf.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/index.tsx': return import('./index-05e1fe0a.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/serious/index.tsx': return import('./index-a1680ef5.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.tsx': return import('./index-1ddf1648.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Outline/index.tsx': return import('./index-1f095fe3.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Outline3D/index.tsx': return import('./index-08994c71.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/PosNr/index.tsx': return import('./index-c5945db2.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Trash/index.tsx': return import('./index-e2678bc3.js');
-    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/ItemsDPAccContainer/index.tsx': return import('./index-4be1fee3.js').then(function (n) { return n.i; });
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/gold/index.tsx': return import('./index-e6d39b9d.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/hidden/index.tsx': return import('./index-1ff0dfac.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/standard/index.tsx': return import('./index-9e2ca930.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/index.tsx': return import('./index-624149c8.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/index.tsx': return import('./index-ead3c18e.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/serious/index.tsx': return import('./index-959f5aa0.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/index.tsx': return import('./index-56d95f56.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNr/index.tsx': return import('./index-a0e22978.js').then(function (n) { return n.i; });
-    case '../components/Settings/SettingsScroller/SettingsItem/Groups/ConceptFilter/index.tsx': return import('./index-aecb9e6f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/Groups/HorizontalGroup/index.tsx': return import('./index-4a1aeedd.js').then(function (n) { return n.i; });
-    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/index.tsx': return import('./index-ada3c152.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroupDropdown/index.tsx': return import('./index-869d65ec.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/index.tsx': return import('./index-afe33b8f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/DoorPlanner/index.tsx': return import('./index-e56bf428.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/index.tsx': return import('./index-70bf7fb6.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Promoted/index.tsx': return import('./index-985d0ac1.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/index.tsx': return import('./index-8a26a858.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/StyleConsultant/UnlockCard.tsx': return import('./UnlockCard-3fb76e70.js').then(function (n) { return n.M; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/StyleConsultant/index.tsx': return import('./index-8ce6adb9.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/Header/index.tsx': return import('./index-bc988fdf.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/configstep/index.tsx': return import('./index-5dce3fc8.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/index.tsx': return import('./index-99c94447.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/BoxCopy/index.tsx': return import('./index-0db57583.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/ElementCopy/index.tsx': return import('./index-00e54c23.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Dimension/DistanceToGround/index.tsx': return import('./index-73463d9f.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVL/index.tsx': return import('./index-0e80abeb.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVR/index.tsx': return import('./index-9e661597.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/DPACC/index.tsx': return import('./index-f1c2ec32.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationClockwise/index.tsx': return import('./index-6b55f02e.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationCounterClockwise/index.tsx': return import('./index-5b795c7b.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/Arrow/index.tsx': return import('./index-dc3778bc.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/FilterItem/index.tsx': return import('./index-71c05fb2.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/InfoButton/index.tsx': return import('./index-4daa80c5.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/NumberInput/index.tsx': return import('./index-e424ab5b.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/PDFButton/index.tsx': return import('./index-a366d35e.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/index.tsx': return import('./index-69436c25.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SummaryVariantButton/index.tsx': return import('./index-f8660916.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/jungle/index.tsx': return import('./index-3e454946.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/standard/index.tsx': return import('./index-1e8d1616.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/serious/index.tsx': return import('./index-9eccf0e1.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/standard/index.tsx': return import('./index-cfc0389d.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/ArticleOverviewWrapper/index.tsx': return import('./index-4a1aeedd.js').then(function (n) { return n.a; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Default/index.tsx': return import('./index-fdd2f2b6.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Facelift/index.tsx': return import('./index-1010faf1.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerOverview/index.tsx': return import('./index-0908ac1e.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerSwitch/index.tsx': return import('./index-a7de9a70.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/ReplaceSwitch/index.tsx': return import('./index-d8f30b62.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ConceptGallery/index.tsx': return import('./index-ff3db23f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/InfoIcon/index.tsx': return import('./index-37df8f9a.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/MetaData/index.tsx': return import('./index-1d2d7fb6.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsConfigSingle/index.tsx': return import('./index-fa8ac48e.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/index.tsx': return import('./index-73522d77.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ComponentMap/index.tsx': return import('./index-feb5a4a4.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemWrapper/index.tsx': return import('./index-c99d015b.js').then(function (n) { return n.b; });
+    case '../components/Settings/SettingsScroller/SettingsItem/StepInfo/index.tsx': return import('./index-13eba10c.js');
+    case '../components/Settings/SettingsScroller/SettingsItemsWrapper/ContentItemTeaser/index.tsx': return import('./index-38012daa.js');
+    case '../components/Settings/SettingsScroller/SettingsItemsWrapper/SettingsItemsGroup/index.tsx': return import('./index-d9774535.js');
+    case '../components/Settings/SettingsScroller/SubTabGroup/SubTabGroupHeader/index.tsx': return import('./index-eddc2d8c.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/gold/index.tsx': return import('./index-e5759f7d.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/inspiration/index.tsx': return import('./index-aae35537.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/ralph/index.tsx': return import('./index-ed85825f.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/standard/index.tsx': return import('./index-6bef7985.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/wysiwyg/index.tsx': return import('./index-07de7393.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/index.tsx': return import('./index-c05657b8.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/free/index.tsx': return import('./index-e971f57c.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/mountain/index.tsx': return import('./index-85c5d4eb.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/serious/index.tsx': return import('./index-5993cf4b.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/standard/index.tsx': return import('./index-22129d0b.js');
+    case '../components/GlobalElements/AiRoomsSelection/RoomGallery/RoomItem/UploadItem/index.tsx': return import('./index-95d16f7e.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/gold/index.tsx': return import('./index-7f6f1b6b.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/serious/index.tsx': return import('./index-fd3c7294.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/index.tsx': return import('./index-7821be68.js');
+    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/serious/index.tsx': return import('./index-24e2c9c9.js');
+    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.tsx': return import('./index-b1054a03.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Outline/index.tsx': return import('./index-e767e0d1.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Outline3D/index.tsx': return import('./index-73f8600d.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/PosNr/index.tsx': return import('./index-becc5b76.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Trash/index.tsx': return import('./index-9d2e27c1.js');
+    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/ItemsDPAccContainer/index.tsx': return import('./index-2df35005.js').then(function (n) { return n.i; });
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/gold/index.tsx': return import('./index-3f967ab7.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/hidden/index.tsx': return import('./index-223d941a.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/standard/index.tsx': return import('./index-b12de26e.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/index.tsx': return import('./index-77c705e2.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/index.tsx': return import('./index-f7feac8d.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/serious/index.tsx': return import('./index-e5e1e1e1.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/index.tsx': return import('./index-9f6f568f.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNr/index.tsx': return import('./index-0a2fbce8.js').then(function (n) { return n.i; });
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/ConceptFilter/index.tsx': return import('./index-66de6a0b.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/HorizontalGroup/index.tsx': return import('./index-c99d015b.js').then(function (n) { return n.i; });
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/index.tsx': return import('./index-4f872377.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroupDropdown/index.tsx': return import('./index-ad036a50.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/index.tsx': return import('./index-1228f6d8.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/DoorPlanner/index.tsx': return import('./index-8c957291.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/index.tsx': return import('./index-a7496ea1.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Promoted/index.tsx': return import('./index-f9162546.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/index.tsx': return import('./index-00d11115.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/StyleConsultant/UnlockCard.tsx': return import('./UnlockCard-3f4735b2.js').then(function (n) { return n.M; });
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/StyleConsultant/index.tsx': return import('./index-9a25ac85.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/Header/index.tsx': return import('./index-ef1abce5.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/configstep/index.tsx': return import('./index-6485628e.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/index.tsx': return import('./index-ad13b6fc.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/BoxCopy/index.tsx': return import('./index-88ed1db7.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/ElementCopy/index.tsx': return import('./index-efd1e97a.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Dimension/DistanceToGround/index.tsx': return import('./index-9a7d0111.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVL/index.tsx': return import('./index-57c7e4b5.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVR/index.tsx': return import('./index-97dd4545.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/DPACC/index.tsx': return import('./index-9aa458c5.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationClockwise/index.tsx': return import('./index-df454423.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationCounterClockwise/index.tsx': return import('./index-d63d7688.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/Arrow/index.tsx': return import('./index-8206408d.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/FilterItem/index.tsx': return import('./index-b24b2138.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/InfoButton/index.tsx': return import('./index-b07c2a2c.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/NumberInput/index.tsx': return import('./index-705b3b54.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/PDFButton/index.tsx': return import('./index-04664096.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/index.tsx': return import('./index-c99ee01a.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SummaryVariantButton/index.tsx': return import('./index-9eaa57b1.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/jungle/index.tsx': return import('./index-73ff216a.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/standard/index.tsx': return import('./index-2504847e.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/serious/index.tsx': return import('./index-5c2d2107.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/standard/index.tsx': return import('./index-eef9c61f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/ArticleOverviewWrapper/index.tsx': return import('./index-c99d015b.js').then(function (n) { return n.a; });
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Default/index.tsx': return import('./index-2e4dfaff.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Facelift/index.tsx': return import('./index-e5f412ac.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerOverview/index.tsx': return import('./index-0a53e583.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerSwitch/index.tsx': return import('./index-50a4df67.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/ReplaceSwitch/index.tsx': return import('./index-7ed4c41e.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ConceptGallery/index.tsx': return import('./index-a5b09047.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/InfoIcon/index.tsx': return import('./index-20bc3775.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/MetaData/index.tsx': return import('./index-76047a52.js');
     case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PriceCounter/index.tsx': return Promise.resolve().then(function () { return index$2; });
     case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PricePreview/index.tsx': return Promise.resolve().then(function () { return index$1; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ReverseCheck/index.tsx': return import('./index-83d6bb83.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ReverseCheck/index.tsx': return import('./index-272415ce.js');
     case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/Tooltip/index.tsx': return Promise.resolve().then(function () { return index; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.tsx': return import('./index-a784e48f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.tsx': return import('./index-84f83c67.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/index.tsx': return import('./index-69650205.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/GalleryText/index.tsx': return import('./index-bd8d0479.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/GalleryText2/index.tsx': return import('./index-e7790e24.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/index.tsx': return import('./index-1e23c982.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/Search/index.tsx': return import('./index-bc8576ec.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/index.tsx': return import('./index-be4baeb9.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/SelectedAcc/index.tsx': return import('./index-8b0a3174.js').then(function (n) { return n.j; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoires/index.tsx': return import('./index-36c018f3.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoiresOld/index.tsx': return import('./index-24df5db1.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Articles/index.tsx': return import('./index-61b4ebd3.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/index.tsx': return import('./index-5ad09ef7.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/index.tsx': return import('./index-da2a2a8b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/TotalPrice/index.tsx': return import('./index-07075961.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Variants/index.tsx': return import('./index-031864a2.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.tsx': return import('./index-d698061d.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.tsx': return import('./index-98a74c16.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/index.tsx': return import('./index-42f2a415.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/GalleryText/index.tsx': return import('./index-3d1b156f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/GalleryText2/index.tsx': return import('./index-84b299d6.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/index.tsx': return import('./index-a41aa14b.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/Search/index.tsx': return import('./index-22389ed8.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/index.tsx': return import('./index-211856e0.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/SelectedAcc/index.tsx': return import('./index-f17b5e41.js').then(function (n) { return n.j; });
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoires/index.tsx': return import('./index-064a58a8.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoiresOld/index.tsx': return import('./index-a937a019.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Articles/index.tsx': return import('./index-d06a14dc.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/index.tsx': return import('./index-ef505e6e.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/index.tsx': return import('./index-05ec5456.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/TotalPrice/index.tsx': return import('./index-bb347706.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Variants/index.tsx': return import('./index-0ec61a56.js');
     case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleElement/index.tsx': return Promise.resolve().then(function () { return index$5; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleHeader/index.tsx': return import('./index-882e9781.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleName/index.tsx': return import('./index-73c75e94.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleOption/index.tsx': return import('./index-8b6d1b2c.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/FullscreenAr/index.tsx': return import('./index-eb30bc4d.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/Tooltip/index.tsx': return import('./index-048552f0.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/Item/index.tsx': return import('./index-181ff2a0.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/jungle/group/index.tsx': return import('./index-345aba6b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/standard/Group/index.tsx': return import('./index-26dda831.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerOverview/addElement/index.tsx': return import('./index-84657f6d.js').then(function (n) { return n.g; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ConceptGallery/CollapsibleTrigger/index.tsx': return import('./index-c1bf3a44.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ConceptGallery/ConceptItem/index.tsx': return import('./index-b85db3a5.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ConceptGallery/InfoBanner/index.tsx': return import('./index-149ee0c3.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.tsx': return import('./index-765505ab.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.tsx': return import('./index-fbd3287b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/index.tsx': return import('./index-9562a9d8.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/MultiToggle/index.tsx': return import('./index-16fe405b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/NumberBox/index.tsx': return import('./index-1487d493.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Radio/index.tsx': return import('./index-a52f90e6.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Range/index.tsx': return import('./index-f3bca3be.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Slider/index.tsx': return import('./index-2e12b9e1.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/standard/index.tsx': return import('./index-895e928a.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/DeleteButton/index.tsx': return import('./index-5ec0c2dc.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/serious/index.tsx': return import('./index-5bd398a7.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/standard/index.tsx': return import('./index-23cd98ff.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/AppointmentPreview/index.tsx': return import('./index-52eb8599.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/Confetti/index.tsx': return import('./index-7c7b6fc7.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/SummaryHeader/index.tsx': return import('./index-0ec473cc.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/MobileDropdown/index.tsx': return import('./index-661042a0.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/jungle/index.tsx': return import('./index-6092fed5.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/standard/index.tsx': return import('./index-b011252f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/MultiToggle/MultiToggleSwitch/index.tsx': return import('./index-e8eb5116.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/index.tsx': return import('./index-6fe3ff14.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/ViewPoint/index.tsx': return import('./index-8d52e836.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/standard/OptionItem/index.tsx': return import('./index-0895f2f3.js').then(function (n) { return n.i; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/round/index.tsx': return import('./index-606a110b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/serious/index.tsx': return import('./index-47939b53.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/standard/index.tsx': return import('./index-8f8d141b.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleHeader/index.tsx': return import('./index-3964358a.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleName/index.tsx': return import('./index-3d163534.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleOption/index.tsx': return import('./index-33ce2722.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/FullscreenAr/index.tsx': return import('./index-c6392fa9.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/Tooltip/index.tsx': return import('./index-2198f950.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/Item/index.tsx': return import('./index-beb68489.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/jungle/group/index.tsx': return import('./index-b2e0a2a1.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/standard/Group/index.tsx': return import('./index-1744c06c.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerOverview/addElement/index.tsx': return import('./index-1eda72f9.js').then(function (n) { return n.g; });
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ConceptGallery/CollapsibleTrigger/index.tsx': return import('./index-968e5dc1.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ConceptGallery/ConceptItem/index.tsx': return import('./index-18556074.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/ConceptGallery/InfoBanner/index.tsx': return import('./index-68993d98.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.tsx': return import('./index-ad6e733c.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.tsx': return import('./index-65bed696.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/index.tsx': return import('./index-d9100a6f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/MultiToggle/index.tsx': return import('./index-c3198b88.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/NumberBox/index.tsx': return import('./index-9ad37044.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Radio/index.tsx': return import('./index-bd23079a.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Range/index.tsx': return import('./index-0c8051ed.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Slider/index.tsx': return import('./index-8888ff80.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/standard/index.tsx': return import('./index-5ba34b19.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/DeleteButton/index.tsx': return import('./index-dcd805e9.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/serious/index.tsx': return import('./index-f70555bd.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/standard/index.tsx': return import('./index-8063c96d.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/AppointmentPreview/index.tsx': return import('./index-5da75e9a.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/Confetti/index.tsx': return import('./index-a037c82b.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/SummaryHeader/index.tsx': return import('./index-89a5bec9.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/MobileDropdown/index.tsx': return import('./index-5f9f2b96.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/jungle/index.tsx': return import('./index-49757a8f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/standard/index.tsx': return import('./index-f32bfafc.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/MultiToggle/MultiToggleSwitch/index.tsx': return import('./index-20a02afb.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/index.tsx': return import('./index-d5081d20.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/ViewPoint/index.tsx': return import('./index-a9ad56ce.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/standard/OptionItem/index.tsx': return import('./index-8a59028d.js').then(function (n) { return n.i; });
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/round/index.tsx': return import('./index-549b36e2.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/serious/index.tsx': return import('./index-ad92fd09.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/standard/index.tsx': return import('./index-ddbf8330.js');
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))
@@ -15703,17 +16068,25 @@ var DivaWebPlannerMain = observer(function () {
 });
 
 var analyzerComponentsContext = /*#__PURE__*/createContext({});
+var rtvAnalyzerContext = /*#__PURE__*/createContext({});
 var AnalyzerComponentsProvider = function AnalyzerComponentsProvider(_ref) {
   var components = _ref.components,
+    rtvAnalyzerComponents = _ref.rtvAnalyzerComponents,
     children = _ref.children;
   return /*#__PURE__*/jsx(analyzerComponentsContext.Provider, {
     value: components,
-    children: children
+    children: /*#__PURE__*/jsx(rtvAnalyzerContext.Provider, {
+      value: rtvAnalyzerComponents !== null && rtvAnalyzerComponents !== void 0 ? rtvAnalyzerComponents : {},
+      children: children
+    })
   });
 };
 var useAnalyzerComponents = function useAnalyzerComponents() {
   return useContext(analyzerComponentsContext);
 };
+var useRTVAnalyzerComponentsFromPlanner = function useRTVAnalyzerComponentsFromPlanner() {
+  return useContext(rtvAnalyzerContext);
+};
 var MissingAnalyzerComponent = function MissingAnalyzerComponent(_ref2) {
   var name = _ref2.name;
   return /*#__PURE__*/jsxs("div", {
@@ -15795,7 +16168,11 @@ var wcPlannerInfoContainerCollapsed = "wcPlanner_InfoContainerCollapsed-xs0DF";
 var css_248z$2 = ".wcPlanner_MsgContainerParent-AxGJ2 {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 10000;\n}\n\n.wcPlanner_MsgContainerParent-AxGJ2.mobile-t5h8e {\n  top: 20%;\n}\n\n.expanded-C67RJ.wcPlanner_MsgContainerParent-AxGJ2 {\n  left: 27%;\n  max-width: 30%;\n}\n.wcPlanner_MsgContainer-l83YW {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 16px;\n  transition: opacity 0.3s ease-in-out;\n  opacity: 1;\n}\n\n.mobile-t5h8e.wcPlanner_MsgContainer-l83YW {\n  padding: 12px 12px 12px 16px;\n}\n\n.mobile-t5h8e .wcPlanner_MsgText-L2Tn8 {\n  font-size: 14px;\n  line-height: 16px;\n  min-width: 250px;\n}\n\n.wcPlannerMsgContainerHide-EiDKG {\n  opacity: 0;\n}\n\n.wcPlanner_InfoContainer-PrkSv {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.wcPlanner_WarningContainer-qDqGO {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.wcPlanner_msgImg-Qx2Pc {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%3Ccircle cx%3D%2213.0409%22 cy%3D%2218.6145%22 r%3D%220.77696%22 transform%3D%22rotate(-180 13.0409 18.6145)%22 fill%3D%22%23A81E1E%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPlanner_InfoImg-Jxwkc {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 26 26%22 style%3D%22enable-background%3Anew 0 0 26 26%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3B%7D%09.st1%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3Ccircle class%3D%22st0%22 cx%3D%2213%22 cy%3D%2213.2%22 r%3D%2211.8%22%2F%3E%3Cpath class%3D%22st1%22 d%3D%22M13%2C11.6v7.8%22%2F%3E%3Ccircle cx%3D%2213%22 cy%3D%227.9%22 r%3D%220.8%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcPlanner_WarningImg-pqPKt {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2226%22 height%3D%2226%22 viewBox%3D%220 0 26 26%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2213.0412%22 cy%3D%2213.2417%22 r%3D%2211.7995%22 stroke%3D%22%23A81E1E%22%2F%3E%3Cpath d%3D%22M13.041 14.9186L13.041 7.09164%22 stroke%3D%22%23A81E1E%22 stroke-linecap%3D%22round%22%2F%3E%3Ccircle cx%3D%2213.0409%22 cy%3D%2218.6145%22 r%3D%220.77696%22 transform%3D%22rotate(-180 13.0409 18.6145)%22 fill%3D%22%23A81E1E%22%2F%3E%3C%2Fsvg%3E\");\n}\n.wcPlanner_MsgText-L2Tn8 {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.wcConfigurator-is-mobile-landscape-CfCm1 .wcPlanner_MsgText-L2Tn8,\n.wcConfigurator-is-mobile-portrait-5132m .wcPlanner_MsgText-L2Tn8 {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.wcPlanner_WarningText-5OPNX {\n  color: var(--primaryColor);\n}\n.wcPlanner_InfoText-y-0KQ {\n  color: black;\n}\n\n.wcPlanner_MsgContainerParent-AxGJ2 .wcClose-0CJR7 {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2238%22 viewBox%3D%220 0 13 38%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 1L0.999998 19.1818L12 37%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.wcPlanner_InfoContainerCollapsed-xs0DF .wcClose-0CJR7 {\n  transform: rotate(180deg);\n}\n\n.wcPlanner_InfoContainerCollapsed-xs0DF {\n  width: 10px;\n}\n\n.wcPlanner_InfoContainerCollapsed-xs0DF .wcPlanner_InfoText-y-0KQ {\n  display: none;\n}\n\n/* pfister style */\n.wcPlanner_MsgContainerParent-AxGJ2 .wcClose-0CJR7 {\n  display: none;\n}\n";
 styleInject(css_248z$2);
 
+var CONFIGURATOR_MSG_FALLBACK = {
+  THREE_D_CATALOG_UNAVAILABLE: '3D view is currently unavailable because the product catalog was not loaded. Planning in 2D still works.'
+};
 var PlannerMsgItem = function PlannerMsgItem(_ref) {
+  var _CONFIGURATOR_MSG_FAL;
   var item = _ref.item,
     codex = _ref.codex;
   var viewHandler = useViewHandler();
@@ -15822,7 +16199,9 @@ var PlannerMsgItem = function PlannerMsgItem(_ref) {
     }), /*#__PURE__*/jsx("div", {
       className: classnames(wcPlannerMsgText, item.type == 'INFO' ? wcPlannerInfoText : undefined, item.type == 'WARNING' ? wcPlannerWarningText : undefined),
       dangerouslySetInnerHTML: typeof item.content == 'string' ? {
-        __html: t('configurator.' + item.content, item.content)
+        __html: t('configurator.' + item.content, {
+          defaultValue: (_CONFIGURATOR_MSG_FAL = CONFIGURATOR_MSG_FALLBACK[codex]) !== null && _CONFIGURATOR_MSG_FAL !== void 0 ? _CONFIGURATOR_MSG_FAL : item.content
+        })
       } : undefined
     }), typeof item.content != 'string' && item.content]
   });
@@ -16088,7 +16467,8 @@ var WebPlannerReact = function WebPlannerReact(_ref) {
     settings = _ref.settings,
     internal = _ref.internal,
     isVisible = _ref.isVisible,
-    analyzerComponents = _ref.analyzerComponents;
+    analyzerComponents = _ref.analyzerComponents,
+    rtvAnalyzerComponents = _ref.rtvAnalyzerComponents;
   var _useDivaCore = useDivaCore(),
     state = _useDivaCore.state,
     actions = _useDivaCore.actions,
@@ -16128,6 +16508,7 @@ var WebPlannerReact = function WebPlannerReact(_ref) {
   }
   return /*#__PURE__*/jsx(AnalyzerComponentsProvider, {
     components: analyzerComponents !== null && analyzerComponents !== void 0 ? analyzerComponents : {},
+    rtvAnalyzerComponents: rtvAnalyzerComponents,
     children: /*#__PURE__*/jsx(ViewHandlerProvider, {
       isVisible: isVisible || false,
       plannerConfig: _objectSpread(_objectSpread({}, initObject), {}, {
@@ -16162,9 +16543,25 @@ var WebPlannerReact = function WebPlannerReact(_ref) {
     })
   });
 };
+
+/**
+ * Parameter that may arrive as an object (host component parameters / JSON preset) or as a JSON
+ * string (URL). Invalid or empty JSON yields `undefined` instead of throwing during render — this
+ * runs inside `useMemo` above the error boundary, so a throw here blanks the whole component.
+ */
+function parseObjectParam(value) {
+  if (value == null || value === '') return undefined;
+  if (typeof value !== 'string') return value;
+  try {
+    return JSON.parse(value);
+  } catch (err) {
+    LOG.warn('Ignoring parameter with invalid JSON', err);
+    return undefined;
+  }
+}
 function useInitObject(eventSubscriber, eventUnsubscriber, settings, parameters, internal, organizationId) {
   return useMemo(function () {
-    var _parameters$accountGu, _internal$accountSess, _internal$no3DConnect, _parameters$divaNr, _parameters$DivaNR, _parameters$divanr, _parameters$addDivaNr, _parameters$startDiva, _parameters$initProdu;
+    var _parameters$accountGu, _internal$accountSess, _internal$no3DConnect, _internal$orderlineVa, _parameters$divaNr, _parameters$DivaNR, _parameters$divanr, _internal$createImage, _parameters$addDivaNr, _parameters$startDiva, _parameters$initProdu;
     return {
       eventSubscriber: eventSubscriber,
       eventUnsubscriber: eventUnsubscriber,
@@ -16177,6 +16574,7 @@ function useInitObject(eventSubscriber, eventUnsubscriber, settings, parameters,
       smSupplierNr: parameters === null || parameters === void 0 ? void 0 : parameters.smSupplierNr,
       catalogMask: internal === null || internal === void 0 ? void 0 : internal.catalogMask,
       no3DConnection: (_internal$no3DConnect = internal === null || internal === void 0 ? void 0 : internal.no3DConnection) !== null && _internal$no3DConnect !== void 0 ? _internal$no3DConnect : (parameters === null || parameters === void 0 ? void 0 : parameters.no3DConnection) == 'true',
+      suppressErrorModals: internal === null || internal === void 0 ? void 0 : internal.suppressErrorModals,
       catalogCodex: parameters !== null && parameters !== void 0 && parameters.catalogCodex ? parameters.catalogCodex.toString() : undefined,
       catalogGuid: parameters === null || parameters === void 0 ? void 0 : parameters.catalogGuid,
       isIDMData: parameters === null || parameters === void 0 ? void 0 : parameters.isIDMData,
@@ -16184,6 +16582,10 @@ function useInitObject(eventSubscriber, eventUnsubscriber, settings, parameters,
       serieId: parameters === null || parameters === void 0 ? void 0 : parameters.serieId,
       articleCodexes: parameters !== null && parameters !== void 0 && parameters.articleCodexes ? parameters.articleCodexes.split(';') : undefined,
       variantValues: parameters !== null && parameters !== void 0 && parameters.variantValues ? JSON.parse(parameters.variantValues) : undefined,
+      // `internal` is the typed home for structured values (like basketData / supplierColors below);
+      // `parameters` is declared string-only, so a URL still delivers it as JSON text. Same
+      // internal-first-then-parameters shape as `accountSessionGuid` and `no3DConnection`.
+      orderlineVariantValues: parseObjectParam((_internal$orderlineVa = internal === null || internal === void 0 ? void 0 : internal.orderlineVariantValues) !== null && _internal$orderlineVa !== void 0 ? _internal$orderlineVa : parameters === null || parameters === void 0 ? void 0 : parameters.orderlineVariantValues),
       differentOptions: parameters !== null && parameters !== void 0 && parameters.differentOptions ? JSON.parse(parameters.differentOptions) : undefined,
       eventKey: parameters === null || parameters === void 0 ? void 0 : parameters.eventKey,
       resetArticle: parameters !== null && parameters !== void 0 && parameters.resetArticle ? Number(parameters === null || parameters === void 0 ? void 0 : parameters.resetArticle) : undefined,
@@ -16193,6 +16595,8 @@ function useInitObject(eventSubscriber, eventUnsubscriber, settings, parameters,
       productId: parameters === null || parameters === void 0 ? void 0 : parameters.productId,
       customProductId: parameters === null || parameters === void 0 ? void 0 : parameters.customProductId,
       initMode: (parameters === null || parameters === void 0 ? void 0 : parameters.initMode) || (parameters === null || parameters === void 0 ? void 0 : parameters.InitMode) || settings.initMode,
+      // See `orderlineVariantValues` above: object through `internal`, JSON text through the URL.
+      createImageConfig: parseObjectParam((_internal$createImage = internal === null || internal === void 0 ? void 0 : internal.createImageConfig) !== null && _internal$createImage !== void 0 ? _internal$createImage : parameters === null || parameters === void 0 ? void 0 : parameters.createImageConfig),
       opt: (parameters === null || parameters === void 0 ? void 0 : parameters.opt) || (parameters === null || parameters === void 0 ? void 0 : parameters.OPT),
       opv: (parameters === null || parameters === void 0 ? void 0 : parameters.opv) || (parameters === null || parameters === void 0 ? void 0 : parameters.OPV),
       configStepKey: parameters === null || parameters === void 0 ? void 0 : parameters.configStepKey,
@@ -16206,11 +16610,11 @@ function useInitObject(eventSubscriber, eventUnsubscriber, settings, parameters,
       configuratorSessionId: internal === null || internal === void 0 ? void 0 : internal.configuratorSessionId,
       settings: settings
     };
-  }, [internal === null || internal === void 0 ? void 0 : internal.accountSessionGuid, parameters === null || parameters === void 0 ? void 0 : parameters.accountSessionGuid, parameters === null || parameters === void 0 ? void 0 : parameters.setId, parameters === null || parameters === void 0 ? void 0 : parameters.accountId, parameters === null || parameters === void 0 ? void 0 : parameters.accountGuid, parameters === null || parameters === void 0 ? void 0 : parameters.catalogCodex, parameters === null || parameters === void 0 ? void 0 : parameters.catalogGuid, parameters === null || parameters === void 0 ? void 0 : parameters.articleCodexes, parameters === null || parameters === void 0 ? void 0 : parameters.variantValues, parameters === null || parameters === void 0 ? void 0 : parameters.differentOptions, parameters === null || parameters === void 0 ? void 0 : parameters.resetArticle, parameters === null || parameters === void 0 ? void 0 : parameters.smSupplierNr, parameters === null || parameters === void 0 ? void 0 : parameters.divaNr, parameters === null || parameters === void 0 ? void 0 : parameters.DivaNR, parameters === null || parameters === void 0 ? void 0 : parameters.divanr, parameters === null || parameters === void 0 ? void 0 : parameters.isIDMData, parameters === null || parameters === void 0 ? void 0 : parameters.packageId, parameters === null || parameters === void 0 ? void 0 : parameters.serieId, parameters === null || parameters === void 0 ? void 0 : parameters.productId, parameters === null || parameters === void 0 ? void 0 : parameters.customProductId, parameters === null || parameters === void 0 ? void 0 : parameters.initMode, parameters === null || parameters === void 0 ? void 0 : parameters.InitMode, parameters === null || parameters === void 0 ? void 0 : parameters.opt, parameters === null || parameters === void 0 ? void 0 : parameters.opv, parameters === null || parameters === void 0 ? void 0 : parameters.OPT, parameters === null || parameters === void 0 ? void 0 : parameters.configStepKey, parameters === null || parameters === void 0 ? void 0 : parameters.configuratorTitle, parameters === null || parameters === void 0 ? void 0 : parameters.ProductName, parameters === null || parameters === void 0 ? void 0 : parameters.productName, parameters === null || parameters === void 0 ? void 0 : parameters.assignNewDivaNr, parameters === null || parameters === void 0 ? void 0 : parameters.initEmptyPlanner, parameters === null || parameters === void 0 ? void 0 : parameters.addDivaNr, parameters === null || parameters === void 0 ? void 0 : parameters.initProductFolded, internal === null || internal === void 0 ? void 0 : internal.basketData, internal === null || internal === void 0 ? void 0 : internal.forceReload, internal === null || internal === void 0 ? void 0 : internal.keepCache, internal === null || internal === void 0 ? void 0 : internal.configuratorSessionId, eventSubscriber, eventUnsubscriber, settings, organizationId]);
+  }, [internal === null || internal === void 0 ? void 0 : internal.accountSessionGuid, parameters === null || parameters === void 0 ? void 0 : parameters.accountSessionGuid, parameters === null || parameters === void 0 ? void 0 : parameters.setId, parameters === null || parameters === void 0 ? void 0 : parameters.accountId, parameters === null || parameters === void 0 ? void 0 : parameters.accountGuid, parameters === null || parameters === void 0 ? void 0 : parameters.catalogCodex, parameters === null || parameters === void 0 ? void 0 : parameters.catalogGuid, parameters === null || parameters === void 0 ? void 0 : parameters.articleCodexes, parameters === null || parameters === void 0 ? void 0 : parameters.variantValues, parameters === null || parameters === void 0 ? void 0 : parameters.orderlineVariantValues, parameters === null || parameters === void 0 ? void 0 : parameters.differentOptions, parameters === null || parameters === void 0 ? void 0 : parameters.resetArticle, parameters === null || parameters === void 0 ? void 0 : parameters.smSupplierNr, parameters === null || parameters === void 0 ? void 0 : parameters.divaNr, parameters === null || parameters === void 0 ? void 0 : parameters.DivaNR, parameters === null || parameters === void 0 ? void 0 : parameters.divanr, parameters === null || parameters === void 0 ? void 0 : parameters.isIDMData, parameters === null || parameters === void 0 ? void 0 : parameters.packageId, parameters === null || parameters === void 0 ? void 0 : parameters.serieId, parameters === null || parameters === void 0 ? void 0 : parameters.productId, parameters === null || parameters === void 0 ? void 0 : parameters.customProductId, parameters === null || parameters === void 0 ? void 0 : parameters.initMode, parameters === null || parameters === void 0 ? void 0 : parameters.InitMode, parameters === null || parameters === void 0 ? void 0 : parameters.createImageConfig, parameters === null || parameters === void 0 ? void 0 : parameters.opt, parameters === null || parameters === void 0 ? void 0 : parameters.opv, parameters === null || parameters === void 0 ? void 0 : parameters.OPT, parameters === null || parameters === void 0 ? void 0 : parameters.configStepKey, parameters === null || parameters === void 0 ? void 0 : parameters.configuratorTitle, parameters === null || parameters === void 0 ? void 0 : parameters.ProductName, parameters === null || parameters === void 0 ? void 0 : parameters.productName, parameters === null || parameters === void 0 ? void 0 : parameters.assignNewDivaNr, parameters === null || parameters === void 0 ? void 0 : parameters.initEmptyPlanner, parameters === null || parameters === void 0 ? void 0 : parameters.addDivaNr, parameters === null || parameters === void 0 ? void 0 : parameters.initProductFolded, internal === null || internal === void 0 ? void 0 : internal.basketData, internal === null || internal === void 0 ? void 0 : internal.forceReload, internal === null || internal === void 0 ? void 0 : internal.keepCache, internal === null || internal === void 0 ? void 0 : internal.configuratorSessionId, eventSubscriber, eventUnsubscriber, settings, organizationId]);
 }
 var componentConfig = {
   name: 'DIVA_WEBPLANNER',
   renderFunction: WebPlannerReact
 };
 
-export { AnalyzerComponentsProvider as A, Checkout as C, GenericToolTip as G, Icon as I, MissingAnalyzerComponent as M, PricePreview as P, SettingsHeader as S, Toggle as T, ViewHandlerProvider as V, WebPlannerReact as W, _onClickCheckout as _, useAnalyzerComponents as a, PriceCounter$1 as b, usePlannerUIHandler as c, expanded as d, evalVisible as e, PlannerMsgItem$1 as f, b as g, componentConfig as h, mobile$1 as m, styleInject as s, useViewHandler as u, wcPlannerMsgContainerParent as w };
+export { AnalyzerComponentsProvider as A, Checkout as C, GenericToolTip as G, Icon as I, MissingAnalyzerComponent as M, PricePreview as P, SettingsHeader as S, Toggle as T, ViewHandlerProvider as V, WebPlannerReact as W, _onClickCheckout as _, useAnalyzerComponents as a, PriceCounter$1 as b, usePlannerUIHandler as c, expanded as d, evalVisible as e, PlannerMsgItem$1 as f, useRTVAnalyzerComponentsFromPlanner as g, b as h, componentConfig as i, mobile$1 as m, rtvNextParamActive as r, styleInject as s, useViewHandler as u, wcPlannerMsgContainerParent as w };