@crystaldesign/web-planner-logic 26.11.0-beta.11 → 26.11.0-beta.13

package/build/cjs/{index-633196ab.js → index-b849f3ec.js}

@@ -98,6 +98,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "state", void 0);
     _defineProperty__default["default"](this, "i18n", void 0);
     _defineProperty__default["default"](this, "enricherErrorModalShown", false);
+    _defineProperty__default["default"](this, "suppressErrorModals", false);
     _defineProperty__default["default"](this, "getSessionGuid", void 0);
     _defineProperty__default["default"](this, "useEkPrices", false);
     _defineProperty__default["default"](this, "smSupplierNr", undefined);
@@ -111,6 +112,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
     this.apiKey = plannerConfig.apiKey;
     this.useEkPrices = !!plannerConfig.useEkPrices;
     this.smSupplierNr = plannerConfig.smSupplierNr;
+    this.suppressErrorModals = !!plannerConfig.suppressErrorModals;
     if (plannerConfig.settings) {
       this.initalizeWebConfigData(plannerConfig);
     } else {
@@ -272,7 +274,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
         _translate$t2,
         _translate$t3,
         _this = this;
-      if (dontLogError || this.enricherErrorModalShown) return;
+      if (dontLogError || this.enricherErrorModalShown || this.suppressErrorModals) return;
       var services = [(_this$apiConfig = this.apiConfig) === null || _this$apiConfig === void 0 ? void 0 : _this$apiConfig.enricherService, (_this$apiConfig2 = this.apiConfig) === null || _this$apiConfig2 === void 0 ? void 0 : _this$apiConfig2.idmService, (_this$apiConfig3 = this.apiConfig) === null || _this$apiConfig3 === void 0 ? void 0 : _this$apiConfig3.api2["default"], (_this$apiConfig4 = this.apiConfig) === null || _this$apiConfig4 === void 0 ? void 0 : _this$apiConfig4.api2.web, (_this$apiConfig5 = this.apiConfig) === null || _this$apiConfig5 === void 0 ? void 0 : _this$apiConfig5.api2.ek];
       if (!services.some(function (service) {
         return service && url.startsWith(service);
@@ -1198,6 +1200,23 @@ var DivaApiHandler = /*#__PURE__*/function () {
       if (this.useEnricherService && !this.packageId) throw new Error('packageId as parameter not missing');
       return this.useEnricherService ? '/wysiwyg/' + this.packageId : this.useIDMService ? '' : '/live/' + this.organization._id;
     }
+
+    /**
+     * Neutral identity of what the planner is currently working on (mirrors the `idmPrefix`
+     * cascade): the enricher package in the wysiwyg usecase, the IDM package/catalog on the
+     * IDM service, otherwise the live organization. Hosts that need to scope by it (e.g. the
+     * AI chat) derive their own key from these facts — the engine stays unaware of that use.
+     */
+  }, {
+    key: "getWorkingContext",
+    value: function getWorkingContext() {
+      var _this$organization4;
+      return {
+        service: this.useEnricherService ? 'enricher' : this.useIDMService ? 'idm' : 'live',
+        organizationId: (_this$organization4 = this.organization) === null || _this$organization4 === void 0 ? void 0 : _this$organization4._id,
+        packageId: this.packageId
+      };
+    }
   }, {
     key: "getIDMCatalog",
     value: function getIDMCatalog(catalogId) {
@@ -1741,20 +1760,20 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "OrganizationId",
     get: function get() {
-      var _this$organization4;
-      return (_this$organization4 = this.organization) === null || _this$organization4 === void 0 ? void 0 : _this$organization4._id;
+      var _this$organization5;
+      return (_this$organization5 = this.organization) === null || _this$organization5 === void 0 ? void 0 : _this$organization5._id;
     }
   }, {
     key: "enableAR",
     get: function get() {
-      var _this$organization5;
-      return (_this$organization5 = this.organization) === null || _this$organization5 === void 0 || (_this$organization5 = _this$organization5.settings) === null || _this$organization5 === void 0 ? void 0 : _this$organization5.enableAR;
+      var _this$organization6;
+      return (_this$organization6 = this.organization) === null || _this$organization6 === void 0 || (_this$organization6 = _this$organization6.settings) === null || _this$organization6 === void 0 ? void 0 : _this$organization6.enableAR;
     }
   }, {
     key: "pricePreview",
     get: function get() {
-      var _this$organization$se3, _this$organization6, _this$getViewConfig;
-      return (_this$organization$se3 = (_this$organization6 = this.organization) === null || _this$organization6 === void 0 || (_this$organization6 = _this$organization6.settings) === null || _this$organization6 === void 0 ? void 0 : _this$organization6.pricePreview) !== null && _this$organization$se3 !== void 0 ? _this$organization$se3 : (_this$getViewConfig = this.getViewConfig()) === null || _this$getViewConfig === void 0 ? void 0 : _this$getViewConfig.pricePreview;
+      var _this$organization$se3, _this$organization7, _this$getViewConfig;
+      return (_this$organization$se3 = (_this$organization7 = this.organization) === null || _this$organization7 === void 0 || (_this$organization7 = _this$organization7.settings) === null || _this$organization7 === void 0 ? void 0 : _this$organization7.pricePreview) !== null && _this$organization$se3 !== void 0 ? _this$organization$se3 : (_this$getViewConfig = this.getViewConfig()) === null || _this$getViewConfig === void 0 ? void 0 : _this$getViewConfig.pricePreview;
     }
   }, {
     key: "webConfig",
@@ -20656,8 +20675,11 @@ function initCatalogPlannerArticleView(catalogData, catPlanArticle, catalogProps
   var _catPlanArticle$filte, _catPlanArticle$group, _catPlanArticle$svgs;
   if (catPlanArticle.hideInPlannerStep) return;
   if (catalogProps.has3dModels && !catPlanArticle.modelName3D) return;
+  var catalogArticle = catalogData.allCatalogArticles[catPlanArticle.codex];
   plannerPaletteViewInfo.catalogPlannerArticles.push({
     articleCodex: catPlanArticle.codex,
+    contentItemId: catalogArticle === null || catalogArticle === void 0 ? void 0 : catalogArticle.contentItemId,
+    groupContentItemId: catalogArticle === null || catalogArticle === void 0 ? void 0 : catalogArticle.groupContentItemId,
     avlFilter: catPlanArticle.avlFilter,
     avrFilter: catPlanArticle.avrFilter,
     longDescription: catPlanArticle.longDescription,
@@ -25565,6 +25587,7 @@ var IDMEngine = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "article", void 0);
     _defineProperty__default["default"](this, "decisionDebugStack", []);
     _defineProperty__default["default"](this, "priceDebugStack", []);
+    _defineProperty__default["default"](this, "featureDefaultIndex", void 0);
     this.article = article;
   }
   return _createClass__default["default"](IDMEngine, [{
@@ -25651,6 +25674,7 @@ var IDMEngine = /*#__PURE__*/function () {
       }
       this.decisionDebugStack = [];
       var beforeSnapshot = this.article.set.logDecisions ? this.article.snapshot : undefined;
+      var beforeDecisionState = this.article.set.logDecisions ? this.decisionStateSnapshot(decisions) : undefined;
       for (var m = 0; m < decisions.length; m++) {
         var startTime = Date.now();
         //Alle Optionen Mit DOC Type 1 ermitten - diese zunächst alle ausblenden, werden dann später über Formeln wieder eingeschaltets
@@ -25673,7 +25697,9 @@ var IDMEngine = /*#__PURE__*/function () {
               break;
           }
         }
-        beforeSnapshot = this.pushDecisionDebug(decision, beforeSnapshot);
+        var pushed = this.pushDecisionDebug(decision, decisions, beforeSnapshot, beforeDecisionState);
+        beforeSnapshot = pushed === null || pushed === void 0 ? void 0 : pushed.afterSnapshot;
+        beforeDecisionState = pushed === null || pushed === void 0 ? void 0 : pushed.afterDecisionState;
         var endTime = Date.now();
         LOG$g.debug('decision ' + decision.decisionNo + ' time ' + (endTime - startTime));
       }
@@ -25684,13 +25710,40 @@ var IDMEngine = /*#__PURE__*/function () {
       });
       this.updateIDMSpecificFeatures();
     }
+
+    /** Capture the enable/disable state of all decisions (IDM debug logging only). */
+  }, {
+    key: "decisionStateSnapshot",
+    value: function decisionStateSnapshot(decisions) {
+      var ret = {};
+      var _iterator3 = _createForOfIteratorHelper$b(decisions),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _d$disableHistory;
+          var d = _step3.value;
+          if (d.decisionNo == null) continue;
+          ret[d.decisionNo] = {
+            enabled: d.enabled !== false,
+            activeCombination: d.activeCombination,
+            disableHistory: _toConsumableArray__default["default"]((_d$disableHistory = d.disableHistory) !== null && _d$disableHistory !== void 0 ? _d$disableHistory : [])
+          };
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      return ret;
+    }
   }, {
     key: "pushDecisionDebug",
-    value: function pushDecisionDebug(decision, beforeSnapshot) {
+    value: function pushDecisionDebug(decision, decisions, beforeSnapshot, beforeDecisionState) {
       var _decision$disableHist;
       if (!this.article.set.logDecisions || !beforeSnapshot) return undefined;
       var afterSnapshot = this.article.snapshot;
-      this.decisionDebugStack.push({
+      var afterDecisionState = this.decisionStateSnapshot(decisions);
+      this.decisionDebugStack.push(_objectSpread$j({
         text: decision.decisionNo + ' type:' + decision.decisionType + ' ' + ((_decision$disableHist = decision.disableHistory) === null || _decision$disableHist === void 0 ? void 0 : _decision$disableHist.join(',')),
         nr: decision.decisionNo,
         decision: JSON.parse(JSON.stringify(decision)),
@@ -25698,8 +25751,16 @@ var IDMEngine = /*#__PURE__*/function () {
           before: beforeSnapshot,
           after: afterSnapshot
         }
-      });
-      return afterSnapshot;
+      }, beforeDecisionState ? {
+        decisionStates: {
+          before: beforeDecisionState,
+          after: afterDecisionState
+        }
+      } : {}));
+      return {
+        afterSnapshot: afterSnapshot,
+        afterDecisionState: afterDecisionState
+      };
     }
 
     /**
@@ -25747,50 +25808,50 @@ var IDMEngine = /*#__PURE__*/function () {
       var decisionsToEval = decisions.filter(function (decision) {
         return relevantDecisions.includes(decision) || controllingDecisions.includes(decision);
       });
-      var _iterator3 = _createForOfIteratorHelper$b(decisionsToEval),
-        _step3;
+      var _iterator4 = _createForOfIteratorHelper$b(decisionsToEval),
+        _step4;
       try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var decision = _step3.value;
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          var decision = _step4.value;
           decision.enabled = true;
           decision.disableHistory = [];
           decision.activeCombination = undefined;
         }
       } catch (err) {
-        _iterator3.e(err);
+        _iterator4.e(err);
       } finally {
-        _iterator3.f();
+        _iterator4.f();
       }
-      var _iterator4 = _createForOfIteratorHelper$b(relevantDecisions),
-        _step4;
+      var _iterator5 = _createForOfIteratorHelper$b(relevantDecisions),
+        _step5;
       try {
-        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
           var _decision$featureRefs2;
-          var _decision = _step4.value;
-          var _iterator6 = _createForOfIteratorHelper$b((_decision$featureRefs2 = _decision.featureRefs) !== null && _decision$featureRefs2 !== void 0 ? _decision$featureRefs2 : []),
-            _step6;
+          var _decision = _step5.value;
+          var _iterator7 = _createForOfIteratorHelper$b((_decision$featureRefs2 = _decision.featureRefs) !== null && _decision$featureRefs2 !== void 0 ? _decision$featureRefs2 : []),
+            _step7;
           try {
-            for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-              var featureNo = _step6.value;
+            for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+              var featureNo = _step7.value;
               var ops = this.article.getArticleOptionStateFlat(featureNo);
               if (ops) ops.updateVisibleOptionValues(ops.option.articleOptionValues);
             }
           } catch (err) {
-            _iterator6.e(err);
+            _iterator7.e(err);
           } finally {
-            _iterator6.f();
+            _iterator7.f();
           }
         }
       } catch (err) {
-        _iterator4.e(err);
+        _iterator5.e(err);
       } finally {
-        _iterator4.f();
+        _iterator5.f();
       }
-      var _iterator5 = _createForOfIteratorHelper$b(decisionsToEval),
-        _step5;
+      var _iterator6 = _createForOfIteratorHelper$b(decisionsToEval),
+        _step6;
       try {
-        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-          var _decision2 = _step5.value;
+        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+          var _decision2 = _step6.value;
           if (!_decision2.enabled || !_decision2.optionCombinations.length) continue;
           switch (_decision2.decisionType) {
             case 2:
@@ -25805,9 +25866,9 @@ var IDMEngine = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator5.e(err);
+        _iterator6.e(err);
       } finally {
-        _iterator5.f();
+        _iterator6.f();
       }
       return (_this$article$getArti = this.article.getArticleOptionStateFlat(targetFeatureNo)) === null || _this$article$getArti === void 0 ? void 0 : _this$article$getArti.visibleOptionValues;
     }
@@ -25947,7 +26008,7 @@ var IDMEngine = /*#__PURE__*/function () {
           if (_this3.article.CatalogData.useDiomexConfigLogic) {
             _this3.clearOP(featureNo, true);
           } else {
-            _this3.updateArtOPV(_this3.article.getDefaultOpv(ops.visibleOptionValues), featureNo, ops, undefined);
+            _this3.updateArtOPV(_this3.preferredDefaultOpv(featureNo, ops.visibleOptionValues), featureNo, ops, undefined);
           }
         }
         doAlsoCheckFeatureNos.push(featureNo);
@@ -26030,7 +26091,7 @@ var IDMEngine = /*#__PURE__*/function () {
             if (_this4.article.CatalogData.useDiomexConfigLogic) {
               _this4.clearOP(featureNo, true);
             } else {
-              _this4.updateArtOPV(_this4.article.getDefaultOpv(ops.visibleOptionValues), featureNo, ops, undefined);
+              _this4.updateArtOPV(_this4.preferredDefaultOpv(featureNo, ops.visibleOptionValues), featureNo, ops, undefined);
             }
           }
         } else if (p < sortedDeatureRefs.length - 1) {
@@ -26085,12 +26146,12 @@ var IDMEngine = /*#__PURE__*/function () {
   }, {
     key: "evalDisableDecision",
     value: function evalDisableDecision(actions, decision, allDecisions, disable) {
-      var _iterator7 = _createForOfIteratorHelper$b(actions),
-        _step7;
+      var _iterator8 = _createForOfIteratorHelper$b(actions),
+        _step8;
       try {
         var _loop5 = function _loop5() {
             var _dec$disableHistory;
-            var action = _step7.value;
+            var action = _step8.value;
             var dec = allDecisions.find(function (d) {
               return d.decisionNo == Number(action.decisionNo);
             });
@@ -26101,46 +26162,46 @@ var IDMEngine = /*#__PURE__*/function () {
               };
             }
             dec.enabled = !disable;
-            (_dec$disableHistory = dec.disableHistory) === null || _dec$disableHistory === void 0 || _dec$disableHistory.push(disable ? 'disabled' : 'enabled' + ' By ' + decision.decisionNo);
+            (_dec$disableHistory = dec.disableHistory) === null || _dec$disableHistory === void 0 || _dec$disableHistory.push((disable ? 'disabled' : 'enabled') + ' By ' + decision.decisionNo);
           },
           _ret;
-        for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+        for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
           _ret = _loop5();
           if (_ret) return _ret.v;
         }
       } catch (err) {
-        _iterator7.e(err);
+        _iterator8.e(err);
       } finally {
-        _iterator7.f();
+        _iterator8.f();
       }
     }
   }, {
     key: "evalSetFeatureVisible",
     value: function evalSetFeatureVisible(actions, hasSetFeatureInvisible, invisible) {
-      var _iterator8 = _createForOfIteratorHelper$b(actions),
-        _step8;
+      var _iterator9 = _createForOfIteratorHelper$b(actions),
+        _step9;
       try {
-        for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-          var action = _step8.value;
+        for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+          var action = _step9.value;
           if (!this.article.getArticleOptionState(action.featureNo.toString()) || !action.featureNo) continue;
           var ops = this.article.getArticleOptionState(action.featureNo.toString());
           if (invisible) hasSetFeatureInvisible[action.featureNo.toString()] = invisible;
           if (ops) ops.isInvisible = invisible;
         }
       } catch (err) {
-        _iterator8.e(err);
+        _iterator9.e(err);
       } finally {
-        _iterator8.f();
+        _iterator9.f();
       }
     }
   }, {
     key: "evalSetFeatureDefault",
     value: function evalSetFeatureDefault(actions, decision, isNull) {
-      var _iterator9 = _createForOfIteratorHelper$b(actions),
-        _step9;
+      var _iterator10 = _createForOfIteratorHelper$b(actions),
+        _step10;
       try {
-        for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-          var action = _step9.value;
+        for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+          var action = _step10.value;
           var ops = this.article.getArticleOptionState(action.featureNo.toString());
           if (ops && (isNull && ops.val === undefined || !isNull && (ops.val === undefined || !ops.valueWasSet))) {
             if (action.formulaRef) {
@@ -26165,22 +26226,23 @@ var IDMEngine = /*#__PURE__*/function () {
           break;
         }
       } catch (err) {
-        _iterator9.e(err);
+        _iterator10.e(err);
       } finally {
-        _iterator9.f();
+        _iterator10.f();
       }
     }
   }, {
     key: "evalSetFeature",
     value: function evalSetFeature(actions, decision, isFixed) {
-      var _iterator10 = _createForOfIteratorHelper$b(actions),
-        _step10;
+      var _iterator11 = _createForOfIteratorHelper$b(actions),
+        _step11;
       try {
-        for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+        for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
           var _action$featureNo2;
-          var action = _step10.value;
+          var action = _step11.value;
           if (!this.article.getArticleOptionState((_action$featureNo2 = action.featureNo) === null || _action$featureNo2 === void 0 ? void 0 : _action$featureNo2.toString()) || !action.featureNo) {
-            LOG$g.warn('evalSetFeature decision ' + decision.decisionNo + ' (isFixed=' + isFixed + '): target feature ' + action.featureNo + ' has no option state on article ' + this.article.articleCodex + ' - action skipped');
+            //usecase is that it want to be set on partlistarticle that is not currently loaded so its not found
+            LOG$g.debug('evalSetFeature decision ' + decision.decisionNo + ' (isFixed=' + isFixed + '): target feature ' + action.featureNo + ' has no option state on article ' + this.article.articleCodex + ' - action skipped');
             continue;
           }
           if (action.formulaRef) {
@@ -26222,9 +26284,9 @@ var IDMEngine = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator10.e(err);
+        _iterator11.e(err);
       } finally {
-        _iterator10.f();
+        _iterator11.f();
       }
     }
   }, {
@@ -26769,18 +26831,114 @@ var IDMEngine = /*#__PURE__*/function () {
       }
       return isValidDOC;
     }
+  }, {
+    key: "type2DefaultsByFeature",
+    value: /** Prio-sorted type-2 decisions carrying a setFeatureDefault per feature; rebuilt when the decision sources change. */
+    function type2DefaultsByFeature() {
+      var sources = [this.article.articleIDMDecisions, this.article.initDecisions];
+      var cached = this.featureDefaultIndex;
+      if (cached && cached.sources[0] === sources[0] && cached.sources[1] === sources[1]) return cached.byFeature;
+      var byFeature = new Map();
+      var _iterator12 = _createForOfIteratorHelper$b(this.decisions),
+        _step12;
+      try {
+        for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+          var _decision$optionCombi4;
+          var decision = _step12.value;
+          if (decision.decisionType !== 2) continue;
+          var _iterator13 = _createForOfIteratorHelper$b((_decision$optionCombi4 = decision.optionCombinations) !== null && _decision$optionCombi4 !== void 0 ? _decision$optionCombi4 : []),
+            _step13;
+          try {
+            for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
+              var _combination$projectA6, _combination$projectA7;
+              var combination = _step13.value;
+              var _iterator14 = _createForOfIteratorHelper$b((_combination$projectA6 = (_combination$projectA7 = combination.projectActions) === null || _combination$projectA7 === void 0 ? void 0 : _combination$projectA7.setFeatureDefault) !== null && _combination$projectA6 !== void 0 ? _combination$projectA6 : []),
+                _step14;
+              try {
+                for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+                  var _action$featureNo4, _byFeature$get;
+                  var action = _step14.value;
+                  var featureNo = (_action$featureNo4 = action.featureNo) === null || _action$featureNo4 === void 0 ? void 0 : _action$featureNo4.toString();
+                  if (!featureNo) continue;
+                  var list = (_byFeature$get = byFeature.get(featureNo)) !== null && _byFeature$get !== void 0 ? _byFeature$get : [];
+                  if (!list.includes(decision)) list.push(decision);
+                  byFeature.set(featureNo, list);
+                }
+              } catch (err) {
+                _iterator14.e(err);
+              } finally {
+                _iterator14.f();
+              }
+            }
+          } catch (err) {
+            _iterator13.e(err);
+          } finally {
+            _iterator13.f();
+          }
+        }
+      } catch (err) {
+        _iterator12.e(err);
+      } finally {
+        _iterator12.f();
+      }
+      this.featureDefaultIndex = {
+        sources: sources,
+        byFeature: byFeature
+      };
+      return byFeature;
+    }
+
+    /** Option key a currently-matching type-2 SET_FEATURE_DEFAULT assigns to `featureNo`, if any. */
+  }, {
+    key: "setFeatureDefaultKey",
+    value: function setFeatureDefaultKey(featureNo) {
+      var decisions = this.type2DefaultsByFeature().get(featureNo);
+      if (!decisions) return undefined;
+      var _iterator15 = _createForOfIteratorHelper$b(decisions),
+        _step15;
+      try {
+        for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+          var _combination$projectA8;
+          var decision = _step15.value;
+          var _ref14 = this.getMatchingOptionCombination(decision.optionCombinations, decision.decisionNo),
+            _ref15 = _slicedToArray__default["default"](_ref14, 1),
+            combination = _ref15[0];
+          var key = combination === null || combination === void 0 || (_combination$projectA8 = combination.projectActions) === null || _combination$projectA8 === void 0 || (_combination$projectA8 = _combination$projectA8.setFeatureDefault) === null || _combination$projectA8 === void 0 || (_combination$projectA8 = _combination$projectA8.find(function (a) {
+            var _a$featureNo;
+            return ((_a$featureNo = a.featureNo) === null || _a$featureNo === void 0 ? void 0 : _a$featureNo.toString()) === featureNo;
+          })) === null || _combination$projectA8 === void 0 || (_combination$projectA8 = _combination$projectA8.optionRef) === null || _combination$projectA8 === void 0 ? void 0 : _combination$projectA8.optionKey;
+          if (key) return key;
+        }
+      } catch (err) {
+        _iterator15.e(err);
+      } finally {
+        _iterator15.f();
+      }
+      return undefined;
+    }
+
+    /** Authored default (when still visible) in place of getDefaultOpv's arbitrary first-visible pick. */
+  }, {
+    key: "preferredDefaultOpv",
+    value: function preferredDefaultOpv(featureNo, visible) {
+      var _ref16;
+      var key = this.setFeatureDefaultKey(featureNo);
+      return (_ref16 = key ? visible.get(key) : undefined) !== null && _ref16 !== void 0 ? _ref16 : this.article.getDefaultOpv(visible);
+    }
   }, {
     key: "updateIDMSpecificFeatures",
     value: function updateIDMSpecificFeatures() {
       //updaten idm planner specific options
-      var _iterator11 = _createForOfIteratorHelper$b(this.article.articleOptionStates.values()),
-        _step11;
+      var _iterator16 = _createForOfIteratorHelper$b(this.article.articleOptionStates.values()),
+        _step16;
       try {
-        for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-          var ops = _step11.value;
+        for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
+          var ops = _step16.value;
           //when an option has no decisions the first visible optionValue has to be selected per default
           if (ops.val === undefined && ops.visibleCount) {
-            this.assignOptionValue(ops.optionCodex, ops.visibleOPVKeys[0]);
+            // Prefer an authored type-2 default (when visible) over the arbitrary first-visible pick.
+            var key = this.setFeatureDefaultKey(ops.optionCodex);
+            this.assignOptionValue(ops.optionCodex, key && ops.visibleOPVKeys.includes(key) ? key : ops.visibleOPVKeys[0]);
           }
           if (ops.visibleCount && ops.IsIDMSpecialFeature) {
             var _validOpv;
@@ -26798,9 +26956,9 @@ var IDMEngine = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator11.e(err);
+        _iterator16.e(err);
       } finally {
-        _iterator11.f();
+        _iterator16.f();
       }
     }
   }, {
@@ -26821,8 +26979,8 @@ var IDMEngine = /*#__PURE__*/function () {
       }
       if ([97, 1097].includes((_myArtOPS$option$idmV3 = myArtOPS.option.idmVariantenArt) !== null && _myArtOPS$option$idmV3 !== void 0 ? _myArtOPS$option$idmV3 : 0)) {
         try {
-          var _ref14, _ref15, _myArtOPS$measureValu;
-          var newHeight = this.resolvePlannerDimension(Number((_ref14 = (_ref15 = (_myArtOPS$measureValu = myArtOPS.measureValue) !== null && _myArtOPS$measureValu !== void 0 ? _myArtOPS$measureValu : this.freeTextMeasureCm(myArtOPS)) !== null && _ref15 !== void 0 ? _ref15 : myArtOPS.value) !== null && _ref14 !== void 0 ? _ref14 : myArtOPS.valueFromName), this.article.catalogArticle.height);
+          var _ref17, _ref18, _myArtOPS$measureValu;
+          var newHeight = this.resolvePlannerDimension(Number((_ref17 = (_ref18 = (_myArtOPS$measureValu = myArtOPS.measureValue) !== null && _myArtOPS$measureValu !== void 0 ? _myArtOPS$measureValu : this.freeTextMeasureCm(myArtOPS)) !== null && _ref18 !== void 0 ? _ref18 : myArtOPS.value) !== null && _ref17 !== void 0 ? _ref17 : myArtOPS.valueFromName), this.article.catalogArticle.height);
           if (newHeight != null) {
             this.article.doUpdatePlannerSize = true;
             this.article.calcHeight = newHeight;
@@ -26833,8 +26991,8 @@ var IDMEngine = /*#__PURE__*/function () {
       }
       if ([96, 1096].includes((_myArtOPS$option$idmV4 = myArtOPS.option.idmVariantenArt) !== null && _myArtOPS$option$idmV4 !== void 0 ? _myArtOPS$option$idmV4 : 0) || myArtOPS.option.diameter) {
         try {
-          var _ref16, _ref17, _myArtOPS$measureValu2;
-          var newDepth = this.resolvePlannerDimension(Number((_ref16 = (_ref17 = (_myArtOPS$measureValu2 = myArtOPS.measureValue) !== null && _myArtOPS$measureValu2 !== void 0 ? _myArtOPS$measureValu2 : this.freeTextMeasureCm(myArtOPS)) !== null && _ref17 !== void 0 ? _ref17 : myArtOPS.value) !== null && _ref16 !== void 0 ? _ref16 : myArtOPS.valueFromName), this.article.catalogArticle.depth);
+          var _ref19, _ref20, _myArtOPS$measureValu2;
+          var newDepth = this.resolvePlannerDimension(Number((_ref19 = (_ref20 = (_myArtOPS$measureValu2 = myArtOPS.measureValue) !== null && _myArtOPS$measureValu2 !== void 0 ? _myArtOPS$measureValu2 : this.freeTextMeasureCm(myArtOPS)) !== null && _ref20 !== void 0 ? _ref20 : myArtOPS.value) !== null && _ref19 !== void 0 ? _ref19 : myArtOPS.valueFromName), this.article.catalogArticle.depth);
           if (newDepth != null) {
             this.article.doUpdatePlannerSize = true;
             this.article.calcDepth = newDepth;
@@ -26845,8 +27003,8 @@ var IDMEngine = /*#__PURE__*/function () {
       }
       if ([95, 1095].includes((_myArtOPS$option$idmV5 = myArtOPS.option.idmVariantenArt) !== null && _myArtOPS$option$idmV5 !== void 0 ? _myArtOPS$option$idmV5 : 0) || myArtOPS.option.diameter) {
         try {
-          var _ref18, _ref19, _myArtOPS$measureValu3;
-          var newWidth = this.resolvePlannerDimension(Number((_ref18 = (_ref19 = (_myArtOPS$measureValu3 = myArtOPS.measureValue) !== null && _myArtOPS$measureValu3 !== void 0 ? _myArtOPS$measureValu3 : this.freeTextMeasureCm(myArtOPS)) !== null && _ref19 !== void 0 ? _ref19 : myArtOPS.value) !== null && _ref18 !== void 0 ? _ref18 : myArtOPS.valueFromName), this.article.catalogArticle.width);
+          var _ref21, _ref22, _myArtOPS$measureValu3;
+          var newWidth = this.resolvePlannerDimension(Number((_ref21 = (_ref22 = (_myArtOPS$measureValu3 = myArtOPS.measureValue) !== null && _myArtOPS$measureValu3 !== void 0 ? _myArtOPS$measureValu3 : this.freeTextMeasureCm(myArtOPS)) !== null && _ref22 !== void 0 ? _ref22 : myArtOPS.value) !== null && _ref21 !== void 0 ? _ref21 : myArtOPS.valueFromName), this.article.catalogArticle.width);
           if (newWidth != null) {
             this.article.doUpdatePlannerSize = true;
             this.article.calcWidth = newWidth;
@@ -26872,12 +27030,12 @@ var IDMEngine = /*#__PURE__*/function () {
             var oc = decision.optionCombinations[j];
             var variantValues = {};
             var useVVs = true;
-            var _iterator12 = _createForOfIteratorHelper$b(oc.projectOptionsSetRefs),
-              _step12;
+            var _iterator17 = _createForOfIteratorHelper$b(oc.projectOptionsSetRefs),
+              _step17;
             try {
-              for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+              for (_iterator17.s(); !(_step17 = _iterator17.n()).done;) {
                 var _optionSetRef$optionL2, _optionSetRef$optionL3;
-                var optionSetRef = _step12.value;
+                var optionSetRef = _step17.value;
                 if (optionSetRef.featureNo.toString() == featureNo) {
                   var _optionSetRef$optionL;
                   if (optionKey && !((_optionSetRef$optionL = optionSetRef.optionList) !== null && _optionSetRef$optionL !== void 0 && _optionSetRef$optionL.options.includes(optionKey))) {
@@ -26888,9 +27046,9 @@ var IDMEngine = /*#__PURE__*/function () {
                 variantValues[optionSetRef.featureNo.toString()] = (_optionSetRef$optionL2 = (_optionSetRef$optionL3 = optionSetRef.optionList) === null || _optionSetRef$optionL3 === void 0 || (_optionSetRef$optionL3 = _optionSetRef$optionL3.optionRef) === null || _optionSetRef$optionL3 === void 0 || (_optionSetRef$optionL3 = _optionSetRef$optionL3[0]) === null || _optionSetRef$optionL3 === void 0 ? void 0 : _optionSetRef$optionL3.optionKey) !== null && _optionSetRef$optionL2 !== void 0 ? _optionSetRef$optionL2 : '';
               }
             } catch (err) {
-              _iterator12.e(err);
+              _iterator17.e(err);
             } finally {
-              _iterator12.f();
+              _iterator17.f();
             }
             if (useVVs && Object.keys(variantValues).length) variantValuesArr.push(variantValues);
           }
@@ -26973,9 +27131,9 @@ var IDMEngine = /*#__PURE__*/function () {
           for (var j = 0; !doUse && j < image.decisionNos.length; j++) {
             var decision = catalogData.getDecisionByNo(image.decisionNos[j]);
             if (!decision) continue;
-            var _ref20 = this.getMatchingOptionCombination(decision.optionCombinations, decision.decisionNo),
-              _ref21 = _slicedToArray__default["default"](_ref20, 1),
-              combination = _ref21[0];
+            var _ref23 = this.getMatchingOptionCombination(decision.optionCombinations, decision.decisionNo),
+              _ref24 = _slicedToArray__default["default"](_ref23, 1),
+              combination = _ref24[0];
             if (combination) {
               doUse = true;
               break;
@@ -26994,18 +27152,18 @@ var IDMEngine = /*#__PURE__*/function () {
       }
 
       // this functions updates the images of OPVs that depend on rules
-      var _iterator13 = _createForOfIteratorHelper$b(this.article.articleOptionStates.values()),
-        _step13;
+      var _iterator18 = _createForOfIteratorHelper$b(this.article.articleOptionStates.values()),
+        _step18;
       try {
-        for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-          var ops = _step13.value;
-          var _iterator14 = _createForOfIteratorHelper$b(ops.visibleOptionValues),
-            _step14;
+        for (_iterator18.s(); !(_step18 = _iterator18.n()).done;) {
+          var ops = _step18.value;
+          var _iterator19 = _createForOfIteratorHelper$b(ops.visibleOptionValues),
+            _step19;
           try {
-            for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
-              var _step14$value = _slicedToArray__default["default"](_step14.value, 2),
-                jKey = _step14$value[0],
-                opv = _step14$value[1];
+            for (_iterator19.s(); !(_step19 = _iterator19.n()).done;) {
+              var _step19$value = _slicedToArray__default["default"](_step19.value, 2),
+                jKey = _step19$value[0],
+                opv = _step19$value[1];
               if (opv.images) {
                 var imageFound = false;
                 for (var _i5 = 0; _i5 < opv.images.length; _i5++) {
@@ -27016,9 +27174,9 @@ var IDMEngine = /*#__PURE__*/function () {
                     for (var _j2 = 0; _j2 < _image.decisionNos.length; _j2++) {
                       var _decision4 = catalogData.getDecisionByNo(_image.decisionNos[_j2]);
                       if (!_decision4) throw new Error('decision ' + _image.decisionNos[_j2] + ' not found');
-                      var _ref24 = this.getMatchingOptionCombination(_decision4.optionCombinations, _decision4.decisionNo),
-                        _ref25 = _slicedToArray__default["default"](_ref24, 1),
-                        _combination2 = _ref25[0];
+                      var _ref27 = this.getMatchingOptionCombination(_decision4.optionCombinations, _decision4.decisionNo),
+                        _ref28 = _slicedToArray__default["default"](_ref27, 1),
+                        _combination2 = _ref28[0];
                       if (_combination2) {
                         _doUse = true;
                         break;
@@ -27035,18 +27193,18 @@ var IDMEngine = /*#__PURE__*/function () {
               }
             }
           } catch (err) {
-            _iterator14.e(err);
+            _iterator19.e(err);
           } finally {
-            _iterator14.f();
+            _iterator19.f();
           }
         }
 
         // this function calculates an Svg to the current configuration if neccessary (SVG Tausch)
         // if the Article has no SVG Tausch nothing is done
       } catch (err) {
-        _iterator13.e(err);
+        _iterator18.e(err);
       } finally {
-        _iterator13.f();
+        _iterator18.f();
       }
       var newSVGFile = null;
       var svgChangedViaSvgTausch = false;
@@ -27073,9 +27231,9 @@ var IDMEngine = /*#__PURE__*/function () {
               for (var _j = 0; _j < svg.decisionNos.length; _j++) {
                 var _decision3 = catalogData.getDecisionByNo(svg.decisionNos[_j]);
                 if (!_decision3) throw new Error('decision ' + svg.decisionNos[_j] + ' not found');
-                var _ref22 = this.getMatchingOptionCombination(_decision3.optionCombinations, _decision3.decisionNo),
-                  _ref23 = _slicedToArray__default["default"](_ref22, 1),
-                  _combination = _ref23[0];
+                var _ref25 = this.getMatchingOptionCombination(_decision3.optionCombinations, _decision3.decisionNo),
+                  _ref26 = _slicedToArray__default["default"](_ref25, 1),
+                  _combination = _ref26[0];
                 if (_combination) {
                   svgValid = _decision3;
                   break;
@@ -29929,7 +30087,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-04d98f4d.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-eab7ed23.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -38024,7 +38182,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-ce630754.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-a37c3d62.js'); });
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -43608,7 +43766,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-3c723ecc.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-a0d05fa3.js'); });
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -43616,7 +43774,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-c11ea7d2.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-f6488fb8.js'); });
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -43624,7 +43782,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-d1ae4006.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-bc18769e.js'); });
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -43632,7 +43790,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-9b596caf.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-1ad7e215.js'); });
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -45015,7 +45173,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return Promise.resolve().then(function () { return require('./Host3DSignalR-b0b1fb8d.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-a94701fa.js'); });
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -46691,7 +46849,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context5.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-150246c0.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-e664710b.js'); });
             case 10:
               _yield$import = _context5.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -46702,7 +46860,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context5.abrupt("break", 21);
             case 15:
               _context5.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-02a2dbbf.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-ce0bb2af.js'); });
             case 17:
               _yield$import2 = _context5.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -47865,52 +48023,24 @@ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t
 */
 
 var LOG$2 = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
+
+/**
+ * Everything the planner calls on its attached view, registered as ONE object via
+ * {@link DivaWebPlanner.attachView} (mount or adoption of an existing instance) and removed
+ * via {@link DivaWebPlanner.detachView}. `view === undefined` IS the headless state.
+ */
 var DivaWebPlanner = /*#__PURE__*/function () {
   function DivaWebPlanner(plannerConfig) {
     var _this = this;
     _classCallCheck__default["default"](this, DivaWebPlanner);
     _defineProperty__default["default"](this, "divaBasketHandler", void 0);
-    _defineProperty__default["default"](this, "onClickAddToBasket", void 0);
-    //Öffentliche Funktionen für die View
-    _defineProperty__default["default"](this, "initPlannerView", void 0);
-    _defineProperty__default["default"](this, "initViewApiDependencies", void 0);
-    _defineProperty__default["default"](this, "initConfiguratorStructure", void 0);
-    _defineProperty__default["default"](this, "onBasketInitialized", void 0);
-    _defineProperty__default["default"](this, "initConfiguratorMode", void 0);
-    _defineProperty__default["default"](this, "updatePlannerMsgContainer", void 0);
-    _defineProperty__default["default"](this, "navigateToConfigStep", void 0);
-    _defineProperty__default["default"](this, "updateConfiguratorStructure", void 0);
-    _defineProperty__default["default"](this, "navigateToTabGroup", void 0);
-    _defineProperty__default["default"](this, "getCurPlannerViewMode", void 0);
-    _defineProperty__default["default"](this, "getInitPlannerViewMode", void 0);
-    _defineProperty__default["default"](this, "updatePlanner3DImage", void 0);
-    _defineProperty__default["default"](this, "setRotationOrbitCube", void 0);
-    _defineProperty__default["default"](this, "getCanvas2DAsJPG", void 0);
-    _defineProperty__default["default"](this, "updateFullscreenRendering", void 0);
+    /** The attached view; undefined = headless. */
+    _defineProperty__default["default"](this, "view", void 0);
+    /** Rendering size for view-less artifact generation (fallback while no view is attached). */
+    _defineProperty__default["default"](this, "headlessRenderingSize", void 0);
     _defineProperty__default["default"](this, "plannerHandler", void 0);
-    _defineProperty__default["default"](this, "updateSetImage", void 0);
-    _defineProperty__default["default"](this, "updatePlanner2DGrid", void 0);
-    _defineProperty__default["default"](this, "getPlannerRenderingSize", void 0);
-    _defineProperty__default["default"](this, "updateCatalogPlannerArticles", void 0);
-    _defineProperty__default["default"](this, "updateCatalogPlanner2Dot0Articles", void 0);
-    _defineProperty__default["default"](this, "updateAccessoiresPalette", void 0);
-    _defineProperty__default["default"](this, "updatePaletteInfos", void 0);
-    _defineProperty__default["default"](this, "updateElementSelectionConfig", void 0);
-    _defineProperty__default["default"](this, "updateBBox", void 0);
-    _defineProperty__default["default"](this, "updateElementSelectionPlanner", void 0);
-    _defineProperty__default["default"](this, "updateConfigItems", void 0);
-    _defineProperty__default["default"](this, "updateSummaryItems", void 0);
-    _defineProperty__default["default"](this, "updateStaticRoomListItems", void 0);
-    _defineProperty__default["default"](this, "updateShelfPlannerItems", void 0);
-    _defineProperty__default["default"](this, "updateFreePlacesOnGrids", void 0);
-    _defineProperty__default["default"](this, "updateDoorPlannerItems", void 0);
-    _defineProperty__default["default"](this, "updatePrice", void 0);
-    _defineProperty__default["default"](this, "updateViewButtonsDependigOnConfigStructure", void 0);
-    _defineProperty__default["default"](this, "updateViewPlannerElements", void 0);
-    _defineProperty__default["default"](this, "getDoShow3DDimensionLines", void 0);
-    _defineProperty__default["default"](this, "getCurrentAlternativRendering", void 0);
-    _defineProperty__default["default"](this, "setWebConifguratorTitle", void 0);
     _defineProperty__default["default"](this, "plannerConfig", void 0);
+    _defineProperty__default["default"](this, "lastInitError", void 0);
     _defineProperty__default["default"](this, "actions", void 0);
     _defineProperty__default["default"](this, "handler", void 0);
     _defineProperty__default["default"](this, "state", void 0);
@@ -47928,19 +48058,30 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       return undefined;
     });
     _defineProperty__default["default"](this, "api", void 0);
-    _defineProperty__default["default"](this, "setHQRenderScript", void 0);
-    _defineProperty__default["default"](this, "setCamInfo", void 0);
+    // View callbacks are wrapped in lambdas so a view attached/detached LATER (adoption) is always the one reached.
     _defineProperty__default["default"](this, "getPlannerHandlerFunctions", function () {
       return {
-        updateCamInfo: _this.setCamInfo,
+        updateCamInfo: function updateCamInfo(camInfo) {
+          var _this$view;
+          return (_this$view = _this.view) === null || _this$view === void 0 ? void 0 : _this$view.setCamInfo(camInfo);
+        },
         updatePlannerRendering: _this.updatePlannerRendering,
         updatePlannerHqRenderScript: _this.updatePlannerHqRenderScript,
-        setRotationOrbitCube: _this.setRotationOrbitCube,
+        setRotationOrbitCube: function setRotationOrbitCube(forceOrbitTo, rotHori, rotVert) {
+          var _this$view2;
+          return (_this$view2 = _this.view) === null || _this$view2 === void 0 ? void 0 : _this$view2.setRotationOrbitCube(forceOrbitTo, rotHori, rotVert);
+        },
         onRoomListLoaded: _this.onRoomListLoaded,
-        updateSetImage: _this.updateSetImage,
+        updateSetImage: function updateSetImage(url) {
+          var _this$view3;
+          return (_this$view3 = _this.view) === null || _this$view3 === void 0 ? void 0 : _this$view3.updateSetImage(url);
+        },
         getOrigConfiguration: _this.divaBasketHandler.getOrigConfiguration,
         doAllowSetPlanner: _this.doAllowSetPlanner.bind(_this),
-        updatePlannerMsgContainer: _this.updatePlannerMsgContainer,
+        updatePlannerMsgContainer: function updatePlannerMsgContainer(codex, doShowPlannerMsg, type, content, autoHide, timeoutDuration) {
+          var _this$view4;
+          return (_this$view4 = _this.view) === null || _this$view4 === void 0 ? void 0 : _this$view4.updatePlannerMsgContainer(codex, doShowPlannerMsg, type, content, autoHide, timeoutDuration);
+        },
         clearAiImages: _this.clearAllAiImagesAsJpg.bind(_this)
       };
     });
@@ -47951,13 +48092,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "setActSet", function (setId, oldTabgroupType) {
       var somethingChanged = setHandlerInstance.setActSet(_this.sets, setId);
       if (somethingChanged) {
+        var _this$view6;
         _this.updateWebConfiguratorTitle();
         _this.updateConfigStructure();
         if (oldTabgroupType) {
-          var _this$navigateToTabGr;
-          if (!((_this$navigateToTabGr = _this.navigateToTabGroup) !== null && _this$navigateToTabGr !== void 0 && _this$navigateToTabGr.call(_this, oldTabgroupType, undefined, true))) oldTabgroupType = undefined;
+          var _this$view5;
+          if (!((_this$view5 = _this.view) !== null && _this$view5 !== void 0 && _this$view5.navigateToTabGroup(oldTabgroupType, undefined, true))) oldTabgroupType = undefined;
         }
-        if (!oldTabgroupType) _this.navigateToConfigStep(_this.actSet().ActConfigStepKey, true);
+        if (!oldTabgroupType) (_this$view6 = _this.view) === null || _this$view6 === void 0 || _this$view6.navigateToConfigStep(_this.actSet().ActConfigStepKey, true);
       }
       return somethingChanged;
     });
@@ -47968,8 +48110,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "onRoomListLoaded", function () {
       var set = _this.actSet();
       if (set !== null && set !== void 0 && set.hasStaticRoomList) {
-        var _this$updateStaticRoo;
-        (_this$updateStaticRoo = _this.updateStaticRoomListItems) === null || _this$updateStaticRoo === void 0 || _this$updateStaticRoo.call(_this, setHandlerInstance.getStaticRoomListItems(set), _this.api.getRoomListInProduct() || _this.plannerConfig.initMode);
+        var _this$view7;
+        (_this$view7 = _this.view) === null || _this$view7 === void 0 || _this$view7.updateStaticRoomListItems(setHandlerInstance.getStaticRoomListItems(set), !!(_this.api.getRoomListInProduct() || _this.plannerConfig.initMode));
       }
     });
     /**
@@ -47980,10 +48122,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var _this$state;
       var onlyUpdateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       if (rendering.getIsFullscreenRendering()) {
-        _this.updateFullscreenRendering(rendering);
+        var _this$view8;
+        (_this$view8 = _this.view) === null || _this$view8 === void 0 || _this$view8.updateFullscreenRendering(rendering);
       } else {
-        var _this$updatePlanner3D;
-        (_this$updatePlanner3D = _this.updatePlanner3DImage) === null || _this$updatePlanner3D === void 0 || _this$updatePlanner3D.call(_this, rendering, onlyUpdateState);
+        var _this$view9;
+        (_this$view9 = _this.view) === null || _this$view9 === void 0 || _this$view9.updatePlanner3DImage(rendering, onlyUpdateState);
       }
       if (!onlyUpdateState && _this.actions && (_this$state = _this.state) !== null && _this$state !== void 0 && _this$state.enableSupport) {
         var _this$actSet, _this$state$user, _this$state$user2, _this$state$user3;
@@ -47995,26 +48138,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param rendering The new rendering that should be loaded into the view
      */
     _defineProperty__default["default"](this, "updatePlannerHqRenderScript", function (hqRenderscript) {
-      var _this$setHQRenderScri;
+      var _this$view10;
       LOG$2.debug('new HQRenderScript set');
-      (_this$setHQRenderScri = _this.setHQRenderScript) === null || _this$setHQRenderScri === void 0 || _this$setHQRenderScri.call(_this, hqRenderscript.HQRenderScript);
+      (_this$view10 = _this.view) === null || _this$view10 === void 0 || _this$view10.setHQRenderScript(hqRenderscript.HQRenderScript);
     });
     /** The latest 2D-grid render; a capture must await it, otherwise it reads the canvas of the previous planning. */
     _defineProperty__default["default"](this, "pending2DRender", void 0);
     _defineProperty__default["default"](this, "update2DGrid", function (set) {
-      if (!_this.getInitPlannerViewMode || _this.getInitPlannerViewMode() == 'No') return;
+      if (!_this.view || _this.view.getInitPlannerViewMode() == 'No') return;
       var boundingBox = setHandlerInstance.get2DViewPlannerBoundingBox(set);
       if (boundingBox) _this.start2DRender(boundingBox);
     });
     _defineProperty__default["default"](this, "getPlanning2DAsJpg", /*#__PURE__*/_asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
-      var _this$getCanvas2DAsJP;
+      var _this$view11;
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
             return _this.pending2DRender;
           case 2:
-            return _context.abrupt("return", (_this$getCanvas2DAsJP = _this.getCanvas2DAsJPG) === null || _this$getCanvas2DAsJP === void 0 ? void 0 : _this$getCanvas2DAsJP.call(_this));
+            return _context.abrupt("return", (_this$view11 = _this.view) === null || _this$view11 === void 0 ? void 0 : _this$view11.getCanvas2DAsJPG());
           case 3:
           case "end":
             return _context.stop();
@@ -48032,23 +48175,24 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * This Function ist call from the View when all Planner Article are Requested for listing
      */
     _defineProperty__default["default"](this, "loadCatalogPlannerArticles", function (paletteeId, isUpdate, type, dockFilter, actStepName, stepKey, selectedArticle) {
-      var _this$updateCatalogPl;
+      var _this$view12;
       //Das aktuelle Set weiß welcher catalog gerade geladen ist.
       //Von diesem Katalog müssen wir die CatalogPlannerArticles laden.
-      (_this$updateCatalogPl = _this.updateCatalogPlannerArticles) === null || _this$updateCatalogPl === void 0 || _this$updateCatalogPl.call(_this, setHandlerInstance.getPlannerPaletteViewInfo(_this.actSet(), type, selectedArticle), paletteeId, isUpdate, type, dockFilter, actStepName, stepKey);
+      (_this$view12 = _this.view) === null || _this$view12 === void 0 || _this$view12.updateCatalogPlannerArticles(setHandlerInstance.getPlannerPaletteViewInfo(_this.actSet(), type, selectedArticle), paletteeId, isUpdate, type, dockFilter, actStepName, stepKey);
     });
     _defineProperty__default["default"](this, "loadCatalogPlannerArticles2Dot0", function (isUpdate, onlySelectionChanged, dp) {
-      var _this$updateCatalogPl2;
-      (_this$updateCatalogPl2 = _this.updateCatalogPlanner2Dot0Articles) === null || _this$updateCatalogPl2 === void 0 || _this$updateCatalogPl2.call(_this, setHandlerInstance.getPlanner2Dot0PaletteViewInfo(_this.actSet()), isUpdate, onlySelectionChanged, dp);
+      var _this$view13;
+      (_this$view13 = _this.view) === null || _this$view13 === void 0 || _this$view13.updateCatalogPlanner2Dot0Articles(setHandlerInstance.getPlanner2Dot0PaletteViewInfo(_this.actSet()), isUpdate, onlySelectionChanged, dp);
     });
     /**
      * this fuction loads the accessoires of a specific article -> could be more than one article in the future
      * @param targetArticles the article of which we load the accessoires
      */
     _defineProperty__default["default"](this, "loadAccessoiresOfArticles", function (targetArticles) {
+      var _this$view14;
       var set = _this.actSet();
       if (!set) return;
-      _this.updateAccessoiresPalette(setHandlerInstance.getAccessoriesOfArticles(_this.actSet(), targetArticles), set.configAccessoiresInAccessoireStep ? 'ACC_CONFIG' : 'ACC');
+      (_this$view14 = _this.view) === null || _this$view14 === void 0 || _this$view14.updateAccessoiresPalette(setHandlerInstance.getAccessoriesOfArticles(_this.actSet(), targetArticles), set.configAccessoiresInAccessoireStep ? 'ACC_CONFIG' : 'ACC');
     });
     /**
      * this function is called when all Items of a ConfigStep are requested
@@ -48056,7 +48200,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     _defineProperty__default["default"](this, "loadConfigItemsOfOptions", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(configStepKey, paletteId, isUpdate, visible) {
-        var _this$state2, _this$state3, _this$updateConfigIte;
+        var _this$state2, _this$state3, _this$view15;
         var retValues;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -48065,7 +48209,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               return setHandlerInstance.loadConfigItemsOfActSetByConfigStepKey(_this.actSet(), configStepKey, visible, !!((_this$state2 = _this.state) !== null && _this$state2 !== void 0 && _this$state2.hidePrices || (_this$state3 = _this.state) !== null && _this$state3 !== void 0 && _this$state3.hideConfigPricePreview));
             case 2:
               retValues = _context2.sent;
-              (_this$updateConfigIte = _this.updateConfigItems) === null || _this$updateConfigIte === void 0 || _this$updateConfigIte.call(_this, configStepKey, retValues.configItems, retValues.selectedItems, retValues.actStepName, retValues.paletteType, retValues.filterType, paletteId, isUpdate, retValues.visible, retValues.stepInfo, retValues.isRenderedInAccessorieStep, retValues.isRenderedNotInSettingPalette, retValues.optionCodex, retValues.notTotallyMatichingOPVs, retValues.isMultiselect, retValues.groupsDefaultClosed, retValues.contentItemId, retValues.conceptFilter, retValues.contentItemTeaser, retValues.description);
+              (_this$view15 = _this.view) === null || _this$view15 === void 0 || _this$view15.updateConfigItems(configStepKey, retValues.configItems, retValues.selectedItems, retValues.actStepName, retValues.paletteType, retValues.filterType, paletteId, isUpdate, retValues.visible, retValues.stepInfo, retValues.isRenderedInAccessorieStep, retValues.isRenderedNotInSettingPalette, retValues.optionCodex, retValues.notTotallyMatichingOPVs, retValues.isMultiselect, retValues.groupsDefaultClosed, retValues.contentItemId, retValues.conceptFilter, retValues.contentItemTeaser, retValues.description);
             case 4:
             case "end":
               return _context2.stop();
@@ -48080,7 +48224,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * this function laods the summary Items
      */
     _defineProperty__default["default"](this, "loadSummaryItems", /*#__PURE__*/_asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
-      var _this$actions, _this$actions$toggleL, _this$updateSummaryIt, _this$actions2, _this$actions2$toggle;
+      var _this$actions, _this$actions$toggleL, _this$view16, _this$actions2, _this$actions2$toggle;
       var setPriceCurrency, setPriceFormat, summaryItems;
       return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -48098,7 +48242,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             return summaryHandlerInstance.getSummaryItems(_this.sets, _this.doConfigure.bind(_this));
           case 6:
             summaryItems = _context3.sent;
-            (_this$updateSummaryIt = _this.updateSummaryItems) === null || _this$updateSummaryIt === void 0 || _this$updateSummaryIt.call(_this, summaryItems, setPriceFormat, summaryHandlerInstance.getSummaryStepWarning(_this.actSet(), summaryItems));
+            (_this$view16 = _this.view) === null || _this$view16 === void 0 || _this$view16.updateSummaryItems(summaryItems, setPriceFormat, summaryHandlerInstance.getSummaryStepWarning(_this.actSet(), summaryItems));
             (_this$actions2 = _this.actions) === null || _this$actions2 === void 0 || (_this$actions2$toggle = _this$actions2.toggleLoading) === null || _this$actions2$toggle === void 0 || _this$actions2$toggle.call(_this$actions2, 'SUMMARY');
           case 9:
           case "end":
@@ -48107,19 +48251,19 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }, _callee3);
     })));
     _defineProperty__default["default"](this, "loadStaticRoomList", function (dontUpdateView) {
-      var _this$updateStaticRoo2;
-      (_this$updateStaticRoo2 = _this.updateStaticRoomListItems) === null || _this$updateStaticRoo2 === void 0 || _this$updateStaticRoo2.call(_this, setHandlerInstance.getStaticRoomListItems(_this.actSet()), dontUpdateView);
+      var _this$view17;
+      (_this$view17 = _this.view) === null || _this$view17 === void 0 || _this$view17.updateStaticRoomListItems(setHandlerInstance.getStaticRoomListItems(_this.actSet()), dontUpdateView);
     });
     _defineProperty__default["default"](this, "loadShelfPlannerItems", function (paletteId, configStepKey, from) {
-      var _this$updateShelfPlan;
+      var _this$view18;
       var _DivaSetHandler$getSh = setHandlerInstance.getShelfPlannerItems(_this.actSet(), configStepKey),
         accessoires = _DivaSetHandler$getSh.accessoires,
         grids = _DivaSetHandler$getSh.grids;
-      (_this$updateShelfPlan = _this.updateShelfPlannerItems) === null || _this$updateShelfPlan === void 0 || _this$updateShelfPlan.call(_this, paletteId, accessoires, grids, configStepKey, from);
+      (_this$view18 = _this.view) === null || _this$view18 === void 0 || _this$view18.updateShelfPlannerItems(paletteId, accessoires, grids, configStepKey, from);
     });
     _defineProperty__default["default"](this, "loadDoorPlannerItems", function (configStepKey) {
-      var _this$updateDoorPlann;
-      (_this$updateDoorPlann = _this.updateDoorPlannerItems) === null || _this$updateDoorPlann === void 0 || _this$updateDoorPlann.call(_this, setHandlerInstance.getDoorPlannerItems(_this.actSet(), configStepKey), configStepKey);
+      var _this$view19;
+      (_this$view19 = _this.view) === null || _this$view19 === void 0 || _this$view19.updateDoorPlannerItems(setHandlerInstance.getDoorPlannerItems(_this.actSet(), configStepKey), configStepKey);
     });
     /**
      * This function is called when switching from one planning to another. All Planner handler are destroyed.
@@ -48127,7 +48271,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     _defineProperty__default["default"](this, "destroyPlannerHandler", function (doDestroy3DHostConnection) {
       setHandlerInstance.destroyPlannerHandler(_this.actSet(), doDestroy3DHostConnection);
-      if (_this.getCurPlannerViewMode) _this.updatePlannerView('DESTROY_PLANNER');
+      if (_this.view) _this.updatePlannerView('DESTROY_PLANNER');
     });
     /**
      * this Function is called when new Planner Article is Loaded
@@ -48136,7 +48280,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     _defineProperty__default["default"](this, "addPlannerElement", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(elementCodex, initParams, dontUpdateView) {
-        var _this$actions3, _this$actions3$toggle, _this$actions6, _this$actions6$toggle, _this$updateViewPlann, _this$updateElementSe;
+        var _this$actions3, _this$actions3$toggle, _this$actions6, _this$actions6$toggle, _this$view20, _this$view21, _this$view22;
         var set, newArticle, _this$actions4, _this$actions4$openMo, _this$i18n, _this$i18n2, _this$actions5, _this$actions5$toggle, baseArticle;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -48172,13 +48316,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               return _context4.abrupt("return", newArticle.doNotDeleteAccWhenNotDocked ? 'AccessoireNotVisualized' : 'AccessorieNoFreeSpace');
             case 18:
               _this.updateConfigStructure();
-              (_this$updateViewPlann = _this.updateViewPlannerElements) === null || _this$updateViewPlann === void 0 || _this$updateViewPlann.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+              (_this$view20 = _this.view) === null || _this$view20 === void 0 || _this$view20.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               _this.updatePlannerView('ADD_PLANNER_ELEMENT');
               _this.updateWebConfiguratorTitle();
               _this.updatePriceInView();
-              _this.updateViewButtonsDependigOnConfigStructure();
+              (_this$view21 = _this.view) === null || _this$view21 === void 0 || _this$view21.updateViewButtonsDependigOnConfigStructure();
               baseArticle = setHandlerInstance.getBaseParentArticleOfAccessoire(set, newArticle.basketId);
-              if (!dontUpdateView) (_this$updateElementSe = _this.updateElementSelectionPlanner) === null || _this$updateElementSe === void 0 || _this$updateElementSe.call(_this, [baseArticle.setId], [baseArticle.elementId], true);
+              if (!dontUpdateView) (_this$view22 = _this.view) === null || _this$view22 === void 0 || _this$view22.updateElementSelectionPlanner([baseArticle.setId], [baseArticle.elementId], true);
               _this.checkMatchingProducts('onAdd');
               _this.plannerChangeLog('onAddPlanner');
               return _context4.abrupt("return", 'ElementAdded');
@@ -48200,7 +48344,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     _defineProperty__default["default"](this, "switchPlannerElement", /*#__PURE__*/function () {
       var _ref5 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(setId, elementId, articleCodex, initParams) {
-        var _this$actions7, _this$actions7$toggle, _this$actions8, _this$actions8$toggle, _this$updateViewPlann2, _this$updateElementSe2;
+        var _this$actions7, _this$actions7$toggle, _this$actions8, _this$actions8$toggle, _this$view23, _this$view24, _this$view25;
         var set, variantValues, deletionResult, article;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -48224,12 +48368,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             case 14:
               (_this$actions8 = _this.actions) === null || _this$actions8 === void 0 || (_this$actions8$toggle = _this$actions8.toggleLoading) === null || _this$actions8$toggle === void 0 || _this$actions8$toggle.call(_this$actions8, 'plannerswitch' + articleCodex, false, false);
               _this.updateConfigStructure();
-              (_this$updateViewPlann2 = _this.updateViewPlannerElements) === null || _this$updateViewPlann2 === void 0 || _this$updateViewPlann2.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+              (_this$view23 = _this.view) === null || _this$view23 === void 0 || _this$view23.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               _this.updatePlannerView('SWITCH_PLANNER_ELEMENT');
               _this.updateWebConfiguratorTitle();
-              (_this$updateElementSe2 = _this.updateElementSelectionPlanner) === null || _this$updateElementSe2 === void 0 || _this$updateElementSe2.call(_this, [article.setId], [article.elementId], true);
+              (_this$view24 = _this.view) === null || _this$view24 === void 0 || _this$view24.updateElementSelectionPlanner([article.setId], [article.elementId], true);
               _this.updatePriceInView();
-              _this.updateViewButtonsDependigOnConfigStructure();
+              (_this$view25 = _this.view) === null || _this$view25 === void 0 || _this$view25.updateViewButtonsDependigOnConfigStructure();
               _this.checkMatchingProducts('onSwitch');
               _this.plannerChangeLog('onSwitchPlanner');
             case 24:
@@ -48245,7 +48389,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "addAccessorieOnShelfPlanner", /*#__PURE__*/function () {
       var _ref6 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey, partlistCodexToInit) {
         var _this$actions9, _this$actions9$toggle, _this$actions10, _this$actions10$toggl;
-        var set, retVal, _this$updateViewPlann3;
+        var set, retVal, _this$view26, _this$view27;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -48262,8 +48406,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 _this.loadShelfPlannerItems(paletteId, configStepKey, 'add_accessoire');
                 _this.updateConfigStructure();
                 _this.updatePriceInView();
-                _this.updateViewButtonsDependigOnConfigStructure();
-                (_this$updateViewPlann3 = _this.updateViewPlannerElements) === null || _this$updateViewPlann3 === void 0 || _this$updateViewPlann3.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+                (_this$view26 = _this.view) === null || _this$view26 === void 0 || _this$view26.updateViewButtonsDependigOnConfigStructure();
+                (_this$view27 = _this.view) === null || _this$view27 === void 0 || _this$view27.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
                 _this.updatePlannerView('ADD_ACC_ON_SHELF_PLANNER');
               }
               _this.checkMatchingProducts('onShelfAdd');
@@ -48281,8 +48425,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     }());
     _defineProperty__default["default"](this, "moveShelfItem", /*#__PURE__*/function () {
       var _ref7 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(paletteId, grid, initialIndex, finalIndex, configStepKey) {
-        var _this$updateViewPlann4;
-        var set, result, _this$updatePlannerMs, _this$i18n3;
+        var _this$view29;
+        var set, result, _this$view28, _this$i18n3;
         return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
@@ -48292,11 +48436,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             case 3:
               result = _context7.sent;
               if (result == 'RESETTED_CELLS') {
-                (_this$updatePlannerMs = _this.updatePlannerMsgContainer) === null || _this$updatePlannerMs === void 0 || _this$updatePlannerMs.call(_this, 'COULD_NOT_MOVE_SHELVES', true, 'INFO', (_this$i18n3 = _this.i18n()) === null || _this$i18n3 === void 0 ? void 0 : _this$i18n3.t('configurator.move_resetted'), true);
+                (_this$view28 = _this.view) === null || _this$view28 === void 0 || _this$view28.updatePlannerMsgContainer('COULD_NOT_MOVE_SHELVES', true, 'INFO', (_this$i18n3 = _this.i18n()) === null || _this$i18n3 === void 0 ? void 0 : _this$i18n3.t('configurator.move_resetted'), true);
               }
               _this.updateConfigStructure();
               _this.loadShelfPlannerItems(paletteId, configStepKey, 'move sheld');
-              (_this$updateViewPlann4 = _this.updateViewPlannerElements) === null || _this$updateViewPlann4 === void 0 || _this$updateViewPlann4.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+              (_this$view29 = _this.view) === null || _this$view29 === void 0 || _this$view29.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               _this.updatePlannerView('MOVE_SHELF_ITEM');
             case 9:
             case "end":
@@ -48314,7 +48458,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     });
     _defineProperty__default["default"](this, "deleteAccessorieOnShelfPlanner", /*#__PURE__*/function () {
       var _ref8 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
-        var _this$updateViewPlann5;
+        var _this$view30, _this$view31;
         var set;
         return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
@@ -48326,8 +48470,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.updateConfigStructure();
               _this.loadShelfPlannerItems(paletteId, configStepKey, 'delete accessorie');
               _this.updatePriceInView();
-              _this.updateViewButtonsDependigOnConfigStructure();
-              (_this$updateViewPlann5 = _this.updateViewPlannerElements) === null || _this$updateViewPlann5 === void 0 || _this$updateViewPlann5.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+              (_this$view30 = _this.view) === null || _this$view30 === void 0 || _this$view30.updateViewButtonsDependigOnConfigStructure();
+              (_this$view31 = _this.view) === null || _this$view31 === void 0 || _this$view31.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               _this.updatePlannerView('DELETE_ACC_ON_SHELF_PLANNER');
               _this.checkMatchingProducts('onShelfDelete');
               _this.plannerChangeLog('onDeletePlanner');
@@ -48350,7 +48494,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     _defineProperty__default["default"](this, "updatePlannerTrans", /*#__PURE__*/function () {
       var _ref9 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
-        var _this$updateElementSe3;
+        var _this$view32;
         return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
             case 0:
@@ -48359,7 +48503,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             case 2:
               if (transState == 'END') {
                 _this.updatePlannerView('UPDATE_PLANNER_TRANS');
-                (_this$updateElementSe3 = _this.updateElementSelectionPlanner) === null || _this$updateElementSe3 === void 0 || _this$updateElementSe3.call(_this, [setId], [plannerElementID], true);
+                (_this$view32 = _this.view) === null || _this$view32 === void 0 || _this$view32.updateElementSelectionPlanner([setId], [plannerElementID], true);
               }
             case 3:
             case "end":
@@ -48377,10 +48521,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param avoidUpdateRendering    If this parameter is set to true, the function only updates the viewPointHandler - no rendering is made.
      */
     _defineProperty__default["default"](this, "handle3DVisualizationChanged", function (mode, params, avoidUpdateRendering) {
-      var _this$getDoShow3DDime;
+      var _this$view33;
       var set = _this.actSet();
       if (!set) return;
-      setHandlerInstance.handle3DVisualizationChanged(set, mode, params, (_this$getDoShow3DDime = _this.getDoShow3DDimensionLines) === null || _this$getDoShow3DDime === void 0 ? void 0 : _this$getDoShow3DDime.call(_this));
+      setHandlerInstance.handle3DVisualizationChanged(set, mode, params, (_this$view33 = _this.view) === null || _this$view33 === void 0 ? void 0 : _this$view33.getDoShow3DDimensionLines());
       if (avoidUpdateRendering) return;
       if (mode != 'Nav3DFullScreen') {
         _this.updatePlannerView('HANDLE_3D_VIS_CHANGED');
@@ -48388,7 +48532,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     });
     _defineProperty__default["default"](this, "updateAccessoireQuantity", /*#__PURE__*/function () {
       var _ref10 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
-        var _this$actions11, _this$actions11$toggl, _this$actions12, _this$actions12$toggl;
+        var _this$actions11, _this$actions11$toggl, _this$actions12, _this$actions12$toggl, _this$view34;
         var set, ret;
         return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
@@ -48403,7 +48547,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               if (ret.somethingChanged) _this.updateConfigStructure();
               _this.updatePlannerView('UPDATE_ACC_QUANTITY');
               _this.updatePriceInView();
-              _this.updateViewButtonsDependigOnConfigStructure();
+              (_this$view34 = _this.view) === null || _this$view34 === void 0 || _this$view34.updateViewButtonsDependigOnConfigStructure();
               _this.checkMatchingProducts('onAccessoireUpdate');
               _this.plannerChangeLog('onUpdateAccessoireQuantity');
             case 12:
@@ -48418,7 +48562,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     }());
     _defineProperty__default["default"](this, "deleteAccessoire", /*#__PURE__*/function () {
       var _ref11 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(articleCodex, parentBasketId) {
-        var set, wasDeleted, _this$updateViewPlann6;
+        var set, wasDeleted, _this$view35, _this$view36;
         return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
             case 0:
@@ -48429,10 +48573,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               wasDeleted = _context11.sent;
               if (wasDeleted) {
                 _this.updateConfigStructure();
-                (_this$updateViewPlann6 = _this.updateViewPlannerElements) === null || _this$updateViewPlann6 === void 0 || _this$updateViewPlann6.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+                (_this$view35 = _this.view) === null || _this$view35 === void 0 || _this$view35.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
                 _this.updatePlannerView('DELETE_ACC');
                 _this.updatePriceInView();
-                _this.updateViewButtonsDependigOnConfigStructure();
+                (_this$view36 = _this.view) === null || _this$view36 === void 0 || _this$view36.updateViewButtonsDependigOnConfigStructure();
               }
               _this.checkMatchingProducts('onAccessoireDelete');
               _this.plannerChangeLog('onDeletePlanner');
@@ -48448,14 +48592,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       };
     }());
     _defineProperty__default["default"](this, "loadPaletteInfos", function (configStepKey, activeArticles, targetArticles) {
-      var _this$updateViewPlann7;
+      var _this$view37, _this$view38, _this$view39;
       var set = _this.actSet();
       if (!set) return;
       var retValues = setHandlerInstance.loadPaletteInfos(set, configStepKey, activeArticles, targetArticles);
       if (!retValues.articleInfos) return;
-      _this.updatePaletteInfos(retValues.articleInfos, retValues.doShowConfigSingle, retValues.isConfigSingle, retValues.bbox);
-      (_this$updateViewPlann7 = _this.updateViewPlannerElements) === null || _this$updateViewPlann7 === void 0 || _this$updateViewPlann7.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
-      _this.updateElementSelectionConfig(retValues.articleInfos, _this.doAllowSetPlanner());
+      (_this$view37 = _this.view) === null || _this$view37 === void 0 || _this$view37.updatePaletteInfos(retValues.articleInfos, retValues.doShowConfigSingle, retValues.isConfigSingle, retValues.bbox);
+      (_this$view38 = _this.view) === null || _this$view38 === void 0 || _this$view38.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+      (_this$view39 = _this.view) === null || _this$view39 === void 0 || _this$view39.updateElementSelectionConfig(retValues.articleInfos, _this.doAllowSetPlanner());
     });
     _defineProperty__default["default"](this, "getBasketIdsOfElementIdLogic", function (elementId) {
       return setHandlerInstance.getBasketIdOfElementId(_this.actSet(), elementId);
@@ -48505,51 +48649,56 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     //onConfigItemClick ist ein Click auf das Item der ConfigPalette um die OPV zu ändern
     _defineProperty__default["default"](this, "doConfigure", /*#__PURE__*/function () {
       var _ref13 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents, eventKey) {
-        var _this$actions13, _this$actions13$toggl, _this$actions14, _this$actions14$toggl;
-        var set, returnValues, structure, _returnValues$element, _this$updateViewPlann8, _this$updateElementSe4;
+        var _this$actions13, _this$actions13$toggl;
+        var set, returnValues, _this$actions14, _this$actions14$toggl, structure, _this$view40, _returnValues$element, _this$view43, _this$view41, _this$view42;
         return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
             case 0:
               set = _this.actSet();
               (_this$actions13 = _this.actions) === null || _this$actions13 === void 0 || (_this$actions13$toggl = _this$actions13.toggleLoading) === null || _this$actions13$toggl === void 0 || _this$actions13$toggl.call(_this$actions13, 'doConfigure', false, true);
-              _context13.next = 4;
+              _context13.prev = 2;
+              _context13.next = 5;
               return setHandlerInstance.updateArticlesOptionStatesOfActSet(set, myValues, targetArticles, undefined, 'FromViewClick');
-            case 4:
+            case 5:
               returnValues = _context13.sent;
+            case 6:
+              _context13.prev = 6;
               (_this$actions14 = _this.actions) === null || _this$actions14 === void 0 || (_this$actions14$toggl = _this$actions14.toggleLoading) === null || _this$actions14$toggl === void 0 || _this$actions14$toggl.call(_this$actions14, 'doConfigure', false, false);
+              return _context13.finish(6);
+            case 9:
               structure = setHandlerInstance.loadConfigStructureOfActSet(set, _this.getCurPlannerType());
               _this.checkMatchingProducts('onConfig');
               if (dontUpdatePlannerView) {
-                _context13.next = 18;
+                _context13.next = 21;
                 break;
               }
-              _this.updateConfiguratorStructure(structure);
+              (_this$view40 = _this.view) === null || _this$view40 === void 0 || _this$view40.updateConfiguratorStructure(structure);
               if (returnValues.articleCountChanged) {
-                (_this$updateViewPlann8 = _this.updateViewPlannerElements) === null || _this$updateViewPlann8 === void 0 || _this$updateViewPlann8.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+                (_this$view41 = _this.view) === null || _this$view41 === void 0 || _this$view41.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               }
               if ((_returnValues$element = returnValues.elementIdsToUpdateSelection) !== null && _returnValues$element !== void 0 && _returnValues$element.length) {
-                (_this$updateElementSe4 = _this.updateElementSelectionPlanner) === null || _this$updateElementSe4 === void 0 || _this$updateElementSe4.call(_this, [returnValues.setId], returnValues.elementIdsToUpdateSelection, true, true);
+                (_this$view42 = _this.view) === null || _this$view42 === void 0 || _this$view42.updateElementSelectionPlanner([returnValues.setId], returnValues.elementIdsToUpdateSelection, true, true);
               }
               _this.updatePriceInView();
-              _this.updateViewButtonsDependigOnConfigStructure();
+              (_this$view43 = _this.view) === null || _this$view43 === void 0 || _this$view43.updateViewButtonsDependigOnConfigStructure();
               _this.updatePlannerView('DO_CONFIGURE', myValues);
               _this.updateWebConfiguratorTitle();
-              _context13.next = 18;
+              _context13.next = 21;
               return _this.getFreePlacesOnGrids(undefined, 'doConfigure');
-            case 18:
+            case 21:
               if (dontCallEvents) {
-                _context13.next = 21;
+                _context13.next = 24;
                 break;
               }
-              _context13.next = 21;
+              _context13.next = 24;
               return _this.fillBaksetforOnWebPlanerConfigChange(myValues, undefined, eventKey);
-            case 21:
+            case 24:
               _this.configuratorChangeLog('onConfigurationChange', myValues);
-            case 22:
+            case 25:
             case "end":
               return _context13.stop();
           }
-        }, _callee13);
+        }, _callee13, null, [[2,, 6, 9]]);
       }));
       return function (_x47, _x48, _x49, _x50, _x51) {
         return _ref13.apply(this, arguments);
@@ -48631,9 +48780,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       return returnTo;
     });
     _defineProperty__default["default"](this, "addToBasketEventFunction", function (e) {
-      var _this$onClickAddToBas, _this$onClickAddToBas2;
-      if (e.type == 'addToBasket') (_this$onClickAddToBas = _this.onClickAddToBasket) === null || _this$onClickAddToBas === void 0 || _this$onClickAddToBas.call(_this);
-      if (e.type == 'saveBasket') (_this$onClickAddToBas2 = _this.onClickAddToBasket) === null || _this$onClickAddToBas2 === void 0 || _this$onClickAddToBas2.call(_this, undefined, 'onAddToBasket', true);
+      var _this$view44, _this$view45;
+      if (e.type == 'addToBasket') (_this$view44 = _this.view) === null || _this$view44 === void 0 || _this$view44.onClickAddToBasket();
+      if (e.type == 'saveBasket') (_this$view45 = _this.view) === null || _this$view45 === void 0 || _this$view45.onClickAddToBasket(undefined, 'onAddToBasket', true);
     });
     this.plannerConfig = Object.assign(plannerConfig, {});
     this.actions = plannerConfig.actions;
@@ -48646,7 +48795,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initialize",
     value: function () {
       var _initialize = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15(cache) {
-        var viewReadyPromise, loadSuccessful, ret, set, _this$actions15, _this$i18n4, _this$i18n5, initializationId;
+        var _this$view46;
+        var viewReadyPromise, loadSuccessful, _ret, set, _this$actions15, _this$i18n4, _this$i18n5, initializationId;
         return _regeneratorRuntime__default["default"].wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
             case 0:
@@ -48666,7 +48816,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               return this.divaBasketHandler.initWWSClient(this.api.getWWSClient());
             case 8:
               this.plannerHandler = new DivaPlannerHandler(false);
-              viewReadyPromise = this.initViewApiDependencies();
+
+              // Registered by the mounted view — absent when initializing headless (e.g. backoffice DIVA agent).
+              viewReadyPromise = (_this$view46 = this.view) === null || _this$view46 === void 0 ? void 0 : _this$view46.initViewApiDependencies();
               _context15.next = 12;
               return this.divaBasketHandler.initializeBasket(this.api);
             case 12:
@@ -48682,33 +48834,34 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 DivaUtils__default["default"].businessMetrics.setConfiguratorSessionId();
               }
               if (!loadSuccessful) {
-                _context15.next = 31;
+                _context15.next = 32;
                 break;
               }
               _context15.prev = 15;
               _context15.next = 18;
               return this.initializeSets(loadSuccessful, viewReadyPromise);
             case 18:
-              ret = _context15.sent;
+              _ret = _context15.sent;
               set = this.actSet();
-              if (ret && set && set.CatalogData.archived) {
-                if (this.i18n()) (_this$actions15 = this.actions) === null || _this$actions15 === void 0 || _this$actions15.openModal({
+              if (_ret && set && set.CatalogData.archived) {
+                if (this.i18n() && !this.plannerConfig.suppressErrorModals) (_this$actions15 = this.actions) === null || _this$actions15 === void 0 || _this$actions15.openModal({
                   accept: true,
                   title: (_this$i18n4 = this.i18n()) === null || _this$i18n4 === void 0 ? void 0 : _this$i18n4.t('configurator.catalog_not_listed_title'),
                   text: (_this$i18n5 = this.i18n()) === null || _this$i18n5 === void 0 ? void 0 : _this$i18n5.t('configurator.catalog_not_listed_text')
                 });
               }
-              return _context15.abrupt("return", ret);
+              return _context15.abrupt("return", _ret);
             case 24:
               _context15.prev = 24;
               _context15.t0 = _context15["catch"](15);
               LOG$2.error(_context15.t0);
+              this.lastInitError = _context15.t0;
               this.onError(_context15.t0);
               return _context15.abrupt("return", false);
-            case 29:
-              _context15.next = 35;
+            case 30:
+              _context15.next = 36;
               break;
-            case 31:
+            case 32:
               this.onError();
               //fehler beim laden vom basket..
               initializationId = this.getInitializationID();
@@ -48716,7 +48869,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 initializationId: initializationId
               }, true);
               return _context15.abrupt("return", false);
-            case 35:
+            case 36:
             case "end":
               return _context15.stop();
           }
@@ -48847,7 +49000,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getInitStateForSet",
     value: function getInitStateForSet() {
-      var _this$divaBasketHandl, _this$plannerConfig, _this$plannerConfig$s2;
+      var _this$divaBasketHandl,
+        _this$plannerConfig,
+        _this2 = this,
+        _this$plannerConfig$s2;
       var onlyRunLogic = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       return {
         supplierColors: this.plannerConfig.supplierColors,
@@ -48867,7 +49023,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         configuratorTitle: (_this$plannerConfig = this.plannerConfig) !== null && _this$plannerConfig !== void 0 && _this$plannerConfig.configuratorTitle ? decodeURIComponent(this.plannerConfig.configuratorTitle) : undefined,
         doAllowSetPlanner: this.doAllowSetPlanner,
         getPlanning2DAsJpg: this.getPlanning2DAsJpg,
-        updateSetImage: this.updateSetImage,
+        updateSetImage: function updateSetImage(url) {
+          var _this2$view;
+          return (_this2$view = _this2.view) === null || _this2$view === void 0 ? void 0 : _this2$view.updateSetImage(url);
+        },
         plannerHandler: this.plannerHandler,
         actions: this.actions,
         divaCatalogs: this.divaCatalogs,
@@ -48888,11 +49047,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var _e$message,
         _this$actions19,
         _this$state4,
-        _this2 = this,
+        _this3 = this,
         _this$actions21,
         _this$actions21$toggl;
       var onErrorHandling = this.api.onErrorHandling();
-      var suppressUi = !!(onErrorHandling !== null && onErrorHandling !== void 0 && onErrorHandling.hideErrorMsg);
+      var suppressUi = !!(onErrorHandling !== null && onErrorHandling !== void 0 && onErrorHandling.hideErrorMsg) || !!this.plannerConfig.suppressErrorModals;
       if (!suppressUi && e !== null && e !== void 0 && (_e$message = e.message) !== null && _e$message !== void 0 && _e$message.startsWith('No ConfiguratorStep was generated') && (_this$actions19 = this.actions) !== null && _this$actions19 !== void 0 && _this$actions19.openModal) {
         var _this$i18n6, _this$i18n7;
         this.actions.openModal({
@@ -48910,7 +49069,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
       if (onErrorHandling) {
         var _this$plannerConfig$a2;
-        if (!onErrorHandling.hideErrorMsg) {
+        if (!suppressUi) {
           var _this$plannerConfig$a, _this$i18n$t, _this$i18n8, _onErrorHandling$erro;
           var isWeb = this.api.getApplicationEnvironment() == 'WEB';
           (_this$plannerConfig$a = this.plannerConfig.actions) === null || _this$plannerConfig$a === void 0 || _this$plannerConfig$a.openModal({
@@ -48918,9 +49077,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             accept: true,
             callback: function callback(accepted) {
               if (accepted && isWeb) {
-                var _this2$state;
-                _this2.callEvent('onWebPlanerClose');
-                ((_this2$state = _this2.state) === null || _this2$state === void 0 ? void 0 : _this2$state.isFullscreenComponent) && _this2.callEvent('onFullscreenClose');
+                var _this3$state;
+                _this3.callEvent('onWebPlanerClose');
+                ((_this3$state = _this3.state) === null || _this3$state === void 0 ? void 0 : _this3$state.isFullscreenComponent) && _this3.callEvent('onFullscreenClose');
               }
             }
           });
@@ -48984,51 +49143,96 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     value: function getPlannerHandler() {
       return this.plannerHandler;
     }
-
+  }, {
+    key: "reattachView",
+    value: function () {
+      var _reattachView = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee17() {
+        var _this$view47, _this$actSet4, _this$actions22, _this$actions23, _this$actSet$getDivaA2, _this$actSet5;
+        var viewReadyPromise, catalogData, _this$actions24;
+        return _regeneratorRuntime__default["default"].wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
+            case 0:
+              viewReadyPromise = (_this$view47 = this.view) === null || _this$view47 === void 0 ? void 0 : _this$view47.initViewApiDependencies();
+              if (!viewReadyPromise) {
+                _context17.next = 4;
+                break;
+              }
+              _context17.next = 4;
+              return viewReadyPromise;
+            case 4:
+              _context17.next = 6;
+              return this.initView();
+            case 6:
+              catalogData = (_this$actSet4 = this.actSet()) === null || _this$actSet4 === void 0 ? void 0 : _this$actSet4.CatalogData;
+              if (catalogData) (_this$actions22 = this.actions) === null || _this$actions22 === void 0 || _this$actions22.onEvent({
+                type: 'onArticlesLoaded',
+                data: {
+                  catalogData: catalogData
+                }
+              });
+              (_this$actions23 = this.actions) === null || _this$actions23 === void 0 || _this$actions23.onEvent({
+                type: 'onConfiguratorReady'
+              });
+              if (Object.keys((_this$actSet$getDivaA2 = (_this$actSet5 = this.actSet()) === null || _this$actSet5 === void 0 ? void 0 : _this$actSet5.getDivaArticles()) !== null && _this$actSet$getDivaA2 !== void 0 ? _this$actSet$getDivaA2 : {}).length) {
+                (_this$actions24 = this.actions) === null || _this$actions24 === void 0 || _this$actions24.onEvent({
+                  type: 'onArticleInitialized'
+                });
+              }
+            case 10:
+            case "end":
+              return _context17.stop();
+          }
+        }, _callee17, this);
+      }));
+      function reattachView() {
+        return _reattachView.apply(this, arguments);
+      }
+      return reattachView;
+    }()
     /*
       Wenn eine Planung geladen wurde, dann muss die View initialisiert werden
       */
   }, {
     key: "initView",
     value: (function () {
-      var _initView = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee17() {
-        var _this$initConfigurato;
-        var set, plannerMode, _this$initConfigurato2, _this$initPlannerView, _this$initConfigurato3, _this$updateViewButto, _this$updateViewPlann9, _this$onBasketInitial;
-        return _regeneratorRuntime__default["default"].wrap(function _callee17$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+      var _initView = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee18() {
+        var _this$view48;
+        var set, plannerMode, _this$view49, _this$view50, _this$view51, _this$view52, _this$view53, _this$view54;
+        return _regeneratorRuntime__default["default"].wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
               set = this.actSet();
               plannerMode = this.getPlannerMode();
-              (_this$initConfigurato = this.initConfiguratorMode) === null || _this$initConfigurato === void 0 || _this$initConfigurato.call(this, plannerMode);
+              (_this$view48 = this.view) === null || _this$view48 === void 0 || _this$view48.initConfiguratorMode(plannerMode);
               if (!(plannerMode == 'ProductList')) {
-                _context17.next = 7;
+                _context18.next = 7;
                 break;
               }
-              (_this$initConfigurato2 = this.initConfiguratorStructure) === null || _this$initConfigurato2 === void 0 || _this$initConfigurato2.call(this, setHandlerInstance.loadConfigStructureForOnlyProductsList());
-              _context17.next = 17;
+              (_this$view49 = this.view) === null || _this$view49 === void 0 || _this$view49.initConfiguratorStructure(setHandlerInstance.loadConfigStructureForOnlyProductsList());
+              _context18.next = 17;
               break;
             case 7:
-              _context17.next = 9;
-              return (_this$initPlannerView = this.initPlannerView) === null || _this$initPlannerView === void 0 ? void 0 : _this$initPlannerView.call(this);
+              _context18.next = 9;
+              return (_this$view50 = this.view) === null || _this$view50 === void 0 ? void 0 : _this$view50.initPlannerView();
             case 9:
               //first load the Configuratorstructure STARTCONFIG
-              (_this$initConfigurato3 = this.initConfiguratorStructure) === null || _this$initConfigurato3 === void 0 || _this$initConfigurato3.call(this, setHandlerInstance.loadConfigStructureOfActSet(set, this.getCurPlannerType()));
+              (_this$view51 = this.view) === null || _this$view51 === void 0 || _this$view51.initConfiguratorStructure(setHandlerInstance.loadConfigStructureOfActSet(set, this.getCurPlannerType()));
               this.updatePriceInView();
-              (_this$updateViewButto = this.updateViewButtonsDependigOnConfigStructure) === null || _this$updateViewButto === void 0 || _this$updateViewButto.call(this);
+              (_this$view52 = this.view) === null || _this$view52 === void 0 || _this$view52.updateViewButtonsDependigOnConfigStructure();
               this.updateWebConfiguratorTitle();
               //initialize planner view
-              (_this$updateViewPlann9 = this.updateViewPlannerElements) === null || _this$updateViewPlann9 === void 0 || _this$updateViewPlann9.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set), set.getSetId(), set.firstElementId, true);
+              (_this$view53 = this.view) === null || _this$view53 === void 0 || _this$view53.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set), set.getSetId(), set.firstElementId, true);
               this.updatePlannerView('INIT_VIEW');
-              (_this$onBasketInitial = this.onBasketInitialized) === null || _this$onBasketInitial === void 0 || _this$onBasketInitial.call(this);
+              (_this$view54 = this.view) === null || _this$view54 === void 0 || _this$view54.onBasketInitialized();
               this.checkMatchingProducts('onInit');
             case 17:
-              _context17.next = 19;
+              _context18.next = 19;
               return this.runInitMode(plannerMode);
             case 19:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee17, this);
+        }, _callee18, this);
       }));
       function initView() {
         return _initView.apply(this, arguments);
@@ -49038,42 +49242,43 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "updateWebConfiguratorTitle",
     value: function updateWebConfiguratorTitle() {
-      var _this$setWebConifgura, _this$actSet4;
-      (_this$setWebConifgura = this.setWebConifguratorTitle) === null || _this$setWebConifgura === void 0 || _this$setWebConifgura.call(this, (_this$actSet4 = this.actSet()) === null || _this$actSet4 === void 0 ? void 0 : _this$actSet4.getSetTitle());
+      var _this$view55, _this$actSet6;
+      (_this$view55 = this.view) === null || _this$view55 === void 0 || _this$view55.setWebConifguratorTitle((_this$actSet6 = this.actSet()) === null || _this$actSet6 === void 0 ? void 0 : _this$actSet6.getSetTitle());
     }
   }, {
     key: "updateConfigStructure",
     value: function updateConfigStructure() {
-      this.updateConfiguratorStructure(setHandlerInstance.loadConfigStructureOfActSet(this.actSet(), this.getCurPlannerType()));
+      var _this$view56;
+      (_this$view56 = this.view) === null || _this$view56 === void 0 || _this$view56.updateConfiguratorStructure(setHandlerInstance.loadConfigStructureOfActSet(this.actSet(), this.getCurPlannerType()));
     }
   }, {
     key: "runInitMode",
     value: function () {
-      var _runInitMode = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee18(plannerMode) {
+      var _runInitMode = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee19(plannerMode) {
         var _this$plannerConfig$i, _this$state5;
-        var doDefault, _this$navigateToTabGr2, _this$saveToBasketWra, configStepKey, _this$navigateToConfi, _this$actSet5, _this$navigateToTabGr3, _this$navigateToTabGr4, _this$navigateToTabGr5;
-        return _regeneratorRuntime__default["default"].wrap(function _callee18$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+        var doDefault, _this$view57, _this$saveToBasketWra, _configStepKey, _this$view58, _this$actSet7, _this$view59, _this$view60, _this$view61;
+        return _regeneratorRuntime__default["default"].wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
               doDefault = true;
               if (!['SHOW_PDF'].includes((_this$plannerConfig$i = this.plannerConfig.initMode) !== null && _this$plannerConfig$i !== void 0 ? _this$plannerConfig$i : '')) {
-                _context18.next = 9;
+                _context19.next = 9;
                 break;
               }
               if (this.plannerConfig.initMode == 'SHOW_PDF') this.ReturnTo = 'OPEN_PDF';
-              (_this$navigateToTabGr2 = this.navigateToTabGroup) === null || _this$navigateToTabGr2 === void 0 || _this$navigateToTabGr2.call(this, 'SUMMARY', undefined, true);
+              (_this$view57 = this.view) === null || _this$view57 === void 0 || _this$view57.navigateToTabGroup('SUMMARY', undefined, true);
               //TODO lea bug das hier ist nur ein temporäre lößung https://app.asana.com/0/1200869909950432/1200998848659806
-              _context18.next = 6;
+              _context19.next = 6;
               return (_this$saveToBasketWra = this.saveToBasketWrapper) === null || _this$saveToBasketWra === void 0 ? void 0 : _this$saveToBasketWra.call(this);
             case 6:
               doDefault = false;
-              _context18.next = 10;
+              _context19.next = 10;
               break;
             case 9:
               if (this.plannerConfig.initMode == 'OPENCONFIGTABGROUP' || this.api.getPlannerType() == 'JUMP_OVER_PLANNER' || this.api.getPlannerType() == 'JUMP_OVER_PLANNER_ONLY_MOBILE' && (_this$state5 = this.state) !== null && _this$state5 !== void 0 && _this$state5.dimensions.isMobile) {
-                configStepKey = this.plannerConfig.opt ? setHandlerInstance.getConfigStepKeyOfOption(this.actSet(), this.plannerConfig.opt) : setHandlerInstance.getFirstConfigStep(this.actSet());
-                if (configStepKey) {
-                  (_this$navigateToConfi = this.navigateToConfigStep) === null || _this$navigateToConfi === void 0 || _this$navigateToConfi.call(this, configStepKey, !this.plannerConfig.opt, true);
+                _configStepKey = this.plannerConfig.opt ? setHandlerInstance.getConfigStepKeyOfOption(this.actSet(), this.plannerConfig.opt) : setHandlerInstance.getFirstConfigStep(this.actSet());
+                if (_configStepKey) {
+                  (_this$view58 = this.view) === null || _this$view58 === void 0 || _this$view58.navigateToConfigStep(_configStepKey, !this.plannerConfig.opt, true);
                   doDefault = false;
                 } else {
                   LOG$2.warn('Option: ' + this.plannerConfig.opt + ' could not be found');
@@ -49082,18 +49287,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             case 10:
               if (doDefault) {
                 if (plannerMode == 'ProductList') {
-                  (_this$navigateToTabGr3 = this.navigateToTabGroup) === null || _this$navigateToTabGr3 === void 0 || _this$navigateToTabGr3.call(this, 'PRODUCTS');
-                } else if ((_this$actSet5 = this.actSet()) !== null && _this$actSet5 !== void 0 && _this$actSet5.hasStaticRoomList) {
-                  (_this$navigateToTabGr4 = this.navigateToTabGroup) === null || _this$navigateToTabGr4 === void 0 || _this$navigateToTabGr4.call(this, 'ROOMLIST', true);
+                  (_this$view59 = this.view) === null || _this$view59 === void 0 || _this$view59.navigateToTabGroup('PRODUCTS');
+                } else if ((_this$actSet7 = this.actSet()) !== null && _this$actSet7 !== void 0 && _this$actSet7.hasStaticRoomList) {
+                  (_this$view60 = this.view) === null || _this$view60 === void 0 || _this$view60.navigateToTabGroup('ROOMLIST', true);
                 } else {
-                  (_this$navigateToTabGr5 = this.navigateToTabGroup) === null || _this$navigateToTabGr5 === void 0 || _this$navigateToTabGr5.call(this, this.getCurPlannerType(), true);
+                  (_this$view61 = this.view) === null || _this$view61 === void 0 || _this$view61.navigateToTabGroup(this.getCurPlannerType(), true);
                 }
               }
             case 11:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
-        }, _callee18, this);
+        }, _callee19, this);
       }));
       function runInitMode(_x58) {
         return _runInitMode.apply(this, arguments);
@@ -49103,16 +49308,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addSetToActPlanningByDivaNr",
     value: function () {
-      var _addSetToActPlanningByDivaNr = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee19(divaNr) {
-        var _this$updateViewPlann10;
+      var _addSetToActPlanningByDivaNr = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee20(divaNr) {
+        var _this$view62;
         var set, orderSets, i, orderset, lastSetToInitialize, loadedSet, articlesKeys;
-        return _regeneratorRuntime__default["default"].wrap(function _callee19$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
               set = this.actSet();
               this.divaBasketHandler.updateDivaNrInBasket(divaNr);
               this.divaBasketHandler.setIgnoreInitObjectWhenInitializing();
-              _context19.next = 5;
+              _context20.next = 5;
               return this.divaBasketHandler.initializeBasket(this.api);
             case 5:
               orderSets = this.divaBasketHandler.actBasket.OrderSets;
@@ -49120,44 +49325,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               i = 0;
             case 8:
               if (!(i < orderSets.length)) {
-                _context19.next = 24;
+                _context20.next = 24;
                 break;
               }
               orderset = orderSets[i];
               lastSetToInitialize = setHandlerInstance.getOrderSetShouldInitPlanner(orderSets, i);
               loadedSet = setHandlerInstance.findLoadedSet(this.sets, orderset.CatalogCodex, orderset.AccountGUID);
               if (!loadedSet) {
-                _context19.next = 18;
+                _context20.next = 18;
                 break;
               }
-              _context19.next = 15;
+              _context20.next = 15;
               return setHandlerInstance.addOrderSetArticlesToExistingSet(loadedSet, orderset, lastSetToInitialize);
             case 15:
               this.checkMatchingProducts('onAdd');
-              _context19.next = 20;
+              _context20.next = 20;
               break;
             case 18:
-              _context19.next = 20;
+              _context20.next = 20;
               return setHandlerInstance.initSet(orderset, this.getInitStateForSet(), lastSetToInitialize);
             case 20:
               this.cleanUpEmptySets(true);
             case 21:
               i++;
-              _context19.next = 8;
+              _context20.next = 8;
               break;
             case 24:
               this.divaBasketHandler.actBasket.OrderSets = [];
               this.updatePriceInView();
               this.updateWebConfiguratorTitle();
               this.updateConfigStructure();
-              (_this$updateViewPlann10 = this.updateViewPlannerElements) === null || _this$updateViewPlann10 === void 0 || _this$updateViewPlann10.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+              (_this$view62 = this.view) === null || _this$view62 === void 0 || _this$view62.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               articlesKeys = Object.keys(this.actSet().getDivaArticles());
               this.loadPaletteInfos(undefined, [articlesKeys[0]], articlesKeys);
             case 31:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee19, this);
+        }, _callee20, this);
       }));
       function addSetToActPlanningByDivaNr(_x59) {
         return _addSetToActPlanningByDivaNr.apply(this, arguments);
@@ -49192,26 +49397,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "setActSetCurConfigStepKey",
     value: function () {
-      var _setActSetCurConfigStepKey = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee20(curConfigStepKey) {
+      var _setActSetCurConfigStepKey = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee21(curConfigStepKey) {
         var set;
-        return _regeneratorRuntime__default["default"].wrap(function _callee20$(_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee21$(_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
             case 0:
               set = this.actSet();
               if (set) {
-                _context20.next = 3;
+                _context21.next = 3;
                 break;
               }
-              return _context20.abrupt("return");
+              return _context21.abrupt("return");
             case 3:
               set.ActConfigStepKey = curConfigStepKey;
-              _context20.next = 6;
+              _context21.next = 6;
               return setHandlerInstance.updateNavigation(set);
             case 6:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
-        }, _callee20, this);
+        }, _callee21, this);
       }));
       function setActSetCurConfigStepKey(_x60) {
         return _setActSetCurConfigStepKey.apply(this, arguments);
@@ -49229,28 +49434,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       return this.divaBasketHandler.getOrderSetsByDivaNr(divaNr);
     }
   }, {
-    key: "registerSetHQRenderScript",
-    value: function registerSetHQRenderScript(setHQRenderScript) {
-      this.setHQRenderScript = setHQRenderScript;
-    }
-  }, {
-    key: "registerSetCamInfo",
-    value: function registerSetCamInfo(setCamInfo) {
-      this.setCamInfo = setCamInfo;
-    }
-
+    key: "updatePlannerView",
+    value:
     /**
      * This function is called when the planner view should be updated
      * @param callingFrom This parameter is used for debug Reasons. It can have information from where in the code the updatePlannerView is called
      * @param viewpoint This parameter is used to send the viewpoint information from the rtv to unity
      */
-  }, {
-    key: "updatePlannerView",
-    value: function updatePlannerView(callingFrom, onDoConfigureValues, hybridInfo) {
-      var _this$getCurrentAlter, _set$getAlternateRend, _this$getCurPlannerVi, _this$getDoShow3DDime2, _this$getDoShow3DDime3, _this$getDoShow3DDime4;
+    function updatePlannerView(callingFrom, onDoConfigureValues, hybridInfo) {
+      var _this$view63, _set$getAlternateRend, _this$view64, _this$view$getPlanner, _this$view65, _this$view66, _this$view$getPlanner2, _this$view67, _this$view68, _this$view$getPlanner3, _this$view69, _this$view70, _this$view$getInitPla, _this$view72;
       var set = this.actSet();
       if (!set) return;
-      var alternateRenderInfo = (_this$getCurrentAlter = this.getCurrentAlternativRendering) === null || _this$getCurrentAlter === void 0 || (_this$getCurrentAlter = _this$getCurrentAlter.call(this)) === null || _this$getCurrentAlter === void 0 ? void 0 : _this$getCurrentAlter[0];
+      var alternateRenderInfo = (_this$view63 = this.view) === null || _this$view63 === void 0 || (_this$view63 = _this$view63.getCurrentAlternativRendering()) === null || _this$view63 === void 0 ? void 0 : _this$view63[0];
       var alternateRenderInfoExistInSet = (set === null || set === void 0 || (_set$getAlternateRend = set.getAlternateRenderInfo()) === null || _set$getAlternateRend === void 0 ? void 0 : _set$getAlternateRend.length) > 0;
       var doUpdateVP = false;
       if (alternateRenderInfoExistInSet) {
@@ -49278,14 +49473,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           };
         }
       }
-      var curPlannerViewMode = (_this$getCurPlannerVi = this.getCurPlannerViewMode) === null || _this$getCurPlannerVi === void 0 ? void 0 : _this$getCurPlannerVi.call(this);
+      var curPlannerViewMode = (_this$view64 = this.view) === null || _this$view64 === void 0 ? void 0 : _this$view64.getCurPlannerViewMode();
       if (!curPlannerViewMode) return;
       LOG$2.debug('updatePlannerView in mode: ' + curPlannerViewMode + '; called from ' + callingFrom);
       //delete me if you see this
 
       switch (curPlannerViewMode) {
         case '3DCOMB':
-          setHandlerInstance.update3DPlannerView(true, !hybridInfo || hybridInfo && hybridInfo.focus.adjustZoomInUnity, set, this.getPlannerRenderingSize(), 'STREAM', (_this$getDoShow3DDime2 = this.getDoShow3DDimensionLines) === null || _this$getDoShow3DDime2 === void 0 ? void 0 : _this$getDoShow3DDime2.call(this), alternateRenderInfo, hybridInfo ? {
+          setHandlerInstance.update3DPlannerView(true, !hybridInfo || hybridInfo && hybridInfo.focus.adjustZoomInUnity, set, (_this$view$getPlanner = (_this$view65 = this.view) === null || _this$view65 === void 0 ? void 0 : _this$view65.getPlannerRenderingSize()) !== null && _this$view$getPlanner !== void 0 ? _this$view$getPlanner : this.headlessRenderingSize, 'STREAM', (_this$view66 = this.view) === null || _this$view66 === void 0 ? void 0 : _this$view66.getDoShow3DDimensionLines(), alternateRenderInfo, hybridInfo ? {
             focus: hybridInfo.focus,
             forceRTCam: true,
             currentCamera: hybridInfo.currentCamera
@@ -49295,23 +49490,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         case 'RTViewer':
           //Request HQRenderscript + rendering
           //Request new Rendering
-          setHandlerInstance.update3DPlannerView(true, true, set, this.getPlannerRenderingSize(), 'STREAM', (_this$getDoShow3DDime3 = this.getDoShow3DDimensionLines) === null || _this$getDoShow3DDime3 === void 0 ? void 0 : _this$getDoShow3DDime3.call(this), alternateRenderInfo, undefined);
+          setHandlerInstance.update3DPlannerView(true, true, set, (_this$view$getPlanner2 = (_this$view67 = this.view) === null || _this$view67 === void 0 ? void 0 : _this$view67.getPlannerRenderingSize()) !== null && _this$view$getPlanner2 !== void 0 ? _this$view$getPlanner2 : this.headlessRenderingSize, 'STREAM', (_this$view68 = this.view) === null || _this$view68 === void 0 ? void 0 : _this$view68.getDoShow3DDimensionLines(), alternateRenderInfo, undefined);
           break;
         case '3DImage':
           //Request new Rendering
-          setHandlerInstance.update3DPlannerView(true, !!this.doLoadHQR, set, this.getPlannerRenderingSize(), 'STREAM', (_this$getDoShow3DDime4 = this.getDoShow3DDimensionLines) === null || _this$getDoShow3DDime4 === void 0 ? void 0 : _this$getDoShow3DDime4.call(this), alternateRenderInfo);
+          setHandlerInstance.update3DPlannerView(true, !!this.doLoadHQR, set, (_this$view$getPlanner3 = (_this$view69 = this.view) === null || _this$view69 === void 0 ? void 0 : _this$view69.getPlannerRenderingSize()) !== null && _this$view$getPlanner3 !== void 0 ? _this$view$getPlanner3 : this.headlessRenderingSize, 'STREAM', (_this$view70 = this.view) === null || _this$view70 === void 0 ? void 0 : _this$view70.getDoShow3DDimensionLines(), alternateRenderInfo);
           break;
         case '2DGrid':
-          var boundingBox = setHandlerInstance.get2DViewPlannerBoundingBox(set);
-          if (boundingBox) {
-            var _this$updateViewPlann11;
-            (_this$updateViewPlann11 = this.updateViewPlannerElements) === null || _this$updateViewPlann11 === void 0 || _this$updateViewPlann11.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
-            this.start2DRender(boundingBox);
-          }
-          if (['3DImage', '3DCOMB'].includes(this.getInitPlannerViewMode())) {
-            var _this$getDoShow3DDime5;
+          var _boundingBox = setHandlerInstance.get2DViewPlannerBoundingBox(set);
+          if (_boundingBox) {
+            var _this$view71;
+            (_this$view71 = this.view) === null || _this$view71 === void 0 || _this$view71.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+            this.start2DRender(_boundingBox);
+          }
+          if (['3DImage', '3DCOMB'].includes((_this$view$getInitPla = (_this$view72 = this.view) === null || _this$view72 === void 0 ? void 0 : _this$view72.getInitPlannerViewMode()) !== null && _this$view$getInitPla !== void 0 ? _this$view$getInitPla : '')) {
+            var _this$view$getPlanner4, _this$view73, _this$view74;
             //update 3D image always even if you are in the 2DGrid mode
-            setHandlerInstance.update3DPlannerView(true, !!this.doLoadHQR, set, this.getPlannerRenderingSize(), 'STREAM', (_this$getDoShow3DDime5 = this.getDoShow3DDimensionLines) === null || _this$getDoShow3DDime5 === void 0 ? void 0 : _this$getDoShow3DDime5.call(this), alternateRenderInfo);
+            setHandlerInstance.update3DPlannerView(true, !!this.doLoadHQR, set, (_this$view$getPlanner4 = (_this$view73 = this.view) === null || _this$view73 === void 0 ? void 0 : _this$view73.getPlannerRenderingSize()) !== null && _this$view$getPlanner4 !== void 0 ? _this$view$getPlanner4 : this.headlessRenderingSize, 'STREAM', (_this$view74 = this.view) === null || _this$view74 === void 0 ? void 0 : _this$view74.getDoShow3DDimensionLines(), alternateRenderInfo);
           }
           break;
       }
@@ -49327,20 +49522,21 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "forceUpdatePlannerView",
     value: function forceUpdatePlannerView(renderSavingMode, doLoadAllAlternateRenderings) {
+      var _this$view$getInitPla2, _this$view75;
       var set = this.actSet();
       this.update2DGrid(set);
-      if (['3DImage', '3DCOMB', 'BoxPlanner', 'RTViewer'].includes(this.getInitPlannerViewMode())) {
-        var _this$getDoShow3DDime7;
+      if (['3DImage', '3DCOMB', 'BoxPlanner', 'RTViewer'].includes((_this$view$getInitPla2 = (_this$view75 = this.view) === null || _this$view75 === void 0 ? void 0 : _this$view75.getInitPlannerViewMode()) !== null && _this$view$getInitPla2 !== void 0 ? _this$view$getInitPla2 : '')) {
+        var _this$view$getPlanner6, _this$view78, _this$view79;
         if (doLoadAllAlternateRenderings) {
           var alternateRenderings = set.CatalogData.alternateRenderingsForSummary;
           for (var i = 0; i < alternateRenderings.length; i++) {
             if (alternateRenderings[i].hideOptionsIn3DImage && alternateRenderings[i].hideOptionsIn3DImage.length > 0) {
-              var _this$getDoShow3DDime6;
-              setHandlerInstance.update3DPlannerView(true, !!this.doLoadHQR, set, this.getPlannerRenderingSize(), renderSavingMode, (_this$getDoShow3DDime6 = this.getDoShow3DDimensionLines) === null || _this$getDoShow3DDime6 === void 0 ? void 0 : _this$getDoShow3DDime6.call(this), alternateRenderings[i]);
+              var _this$view$getPlanner5, _this$view76, _this$view77;
+              setHandlerInstance.update3DPlannerView(true, !!this.doLoadHQR, set, (_this$view$getPlanner5 = (_this$view76 = this.view) === null || _this$view76 === void 0 ? void 0 : _this$view76.getPlannerRenderingSize()) !== null && _this$view$getPlanner5 !== void 0 ? _this$view$getPlanner5 : this.headlessRenderingSize, renderSavingMode, (_this$view77 = this.view) === null || _this$view77 === void 0 ? void 0 : _this$view77.getDoShow3DDimensionLines(), alternateRenderings[i]);
             }
           }
         }
-        setHandlerInstance.update3DPlannerView(true, !!this.doLoadHQR, set, this.getPlannerRenderingSize(), renderSavingMode, (_this$getDoShow3DDime7 = this.getDoShow3DDimensionLines) === null || _this$getDoShow3DDime7 === void 0 ? void 0 : _this$getDoShow3DDime7.call(this), undefined, undefined, false);
+        setHandlerInstance.update3DPlannerView(true, !!this.doLoadHQR, set, (_this$view$getPlanner6 = (_this$view78 = this.view) === null || _this$view78 === void 0 ? void 0 : _this$view78.getPlannerRenderingSize()) !== null && _this$view$getPlanner6 !== void 0 ? _this$view$getPlanner6 : this.headlessRenderingSize, renderSavingMode, (_this$view79 = this.view) === null || _this$view79 === void 0 ? void 0 : _this$view79.getDoShow3DDimensionLines(), undefined, undefined, false);
       }
     }
   }, {
@@ -49351,16 +49547,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * The rejection MUST be swallowed: the cached promise is awaited by every later capture, so one failed render would break every following save.
      */
     function start2DRender(boundingBox) {
-      var _this$updatePlanner2D;
-      this.pending2DRender = Promise.resolve((_this$updatePlanner2D = this.updatePlanner2DGrid) === null || _this$updatePlanner2D === void 0 ? void 0 : _this$updatePlanner2D.call(this, boundingBox))["catch"](function (error) {
+      var _this$view80;
+      this.pending2DRender = Promise.resolve((_this$view80 = this.view) === null || _this$view80 === void 0 ? void 0 : _this$view80.updatePlanner2DGrid(boundingBox))["catch"](function (error) {
         LOG$2.error(error instanceof Error ? error : new Error('2D grid render failed: ' + String(error)));
       });
     }
   }, {
     key: "getAlternateRenderingsForSummary",
     value: function getAlternateRenderingsForSummary() {
-      var _this$actSet6;
-      return (_this$actSet6 = this.actSet()) === null || _this$actSet6 === void 0 || (_this$actSet6 = _this$actSet6.CatalogData) === null || _this$actSet6 === void 0 ? void 0 : _this$actSet6.alternateRenderingsForSummary;
+      var _this$actSet8;
+      return (_this$actSet8 = this.actSet()) === null || _this$actSet8 === void 0 || (_this$actSet8 = _this$actSet8.CatalogData) === null || _this$actSet8 === void 0 ? void 0 : _this$actSet8.alternateRenderingsForSummary;
     }
   }, {
     key: "destroyWebPlanner",
@@ -49416,36 +49612,36 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee21(setId, elementId, denyElementSelectionClear) {
-        var _this$updateViewPlann12;
-        var set, result, _this$updateElementSe5, _this$updateElementSe6;
-        return _regeneratorRuntime__default["default"].wrap(function _callee21$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+      var _deletePlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee22(setId, elementId, denyElementSelectionClear) {
+        var _this$view81, _this$view82;
+        var set, result, _this$view83, _this$view84;
+        return _regeneratorRuntime__default["default"].wrap(function _callee22$(_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
             case 0:
               set = this.sets[setId];
-              _context21.next = 3;
+              _context22.next = 3;
               return setHandlerInstance.deleteElementFromSetByElemId(set, elementId, true);
             case 3:
-              result = _context21.sent;
+              result = _context22.sent;
               this.updateConfigStructure();
-              (_this$updateViewPlann12 = this.updateViewPlannerElements) === null || _this$updateViewPlann12 === void 0 || _this$updateViewPlann12.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+              (_this$view81 = this.view) === null || _this$view81 === void 0 || _this$view81.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               this.updatePlannerView('DELETE_PLANNER_ELEMENT');
               this.updateWebConfiguratorTitle();
-              this.updateViewButtonsDependigOnConfigStructure();
+              (_this$view82 = this.view) === null || _this$view82 === void 0 || _this$view82.updateViewButtonsDependigOnConfigStructure();
               if (!denyElementSelectionClear) {
-                if (result.selectElementId) (_this$updateElementSe5 = this.updateElementSelectionPlanner) === null || _this$updateElementSe5 === void 0 || _this$updateElementSe5.call(this, [result.setId], [result.selectElementId], true);else (_this$updateElementSe6 = this.updateElementSelectionPlanner) === null || _this$updateElementSe6 === void 0 || _this$updateElementSe6.call(this, [], [], true);
+                if (result.selectElementId) (_this$view83 = this.view) === null || _this$view83 === void 0 || _this$view83.updateElementSelectionPlanner([result.setId], [result.selectElementId], true);else (_this$view84 = this.view) === null || _this$view84 === void 0 || _this$view84.updateElementSelectionPlanner([], [], true);
               }
               this.updatePriceInView();
               this.checkMatchingProducts('onDelete');
-              _context21.next = 14;
+              _context22.next = 14;
               return this.getFreePlacesOnGrids(undefined, 'deleteElement');
             case 14:
               this.plannerChangeLog('onDeletePlanner');
             case 15:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
-        }, _callee21, this);
+        }, _callee22, this);
       }));
       function deletePlannerElement(_x61, _x62, _x63) {
         return _deletePlannerElement.apply(this, arguments);
@@ -49460,26 +49656,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "movePlannerElement",
     value: (function () {
-      var _movePlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee22(setId, elementId, curConfigKey, absoluteIndex) {
-        var _this$updateViewPlann13;
+      var _movePlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee23(setId, elementId, curConfigKey, absoluteIndex) {
+        var _this$view85, _this$view86;
         var set;
-        return _regeneratorRuntime__default["default"].wrap(function _callee22$(_context22) {
-          while (1) switch (_context22.prev = _context22.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee23$(_context23) {
+          while (1) switch (_context23.prev = _context23.next) {
             case 0:
               set = this.sets[setId];
-              _context22.next = 3;
+              _context23.next = 3;
               return setHandlerInstance.movePlannerElement(set, elementId, absoluteIndex);
             case 3:
               this.updateConfigStructure();
-              (_this$updateViewPlann13 = this.updateViewPlannerElements) === null || _this$updateViewPlann13 === void 0 || _this$updateViewPlann13.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+              (_this$view85 = this.view) === null || _this$view85 === void 0 || _this$view85.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               this.updatePlannerView('MOVE_PLANNER_ELEMENT');
               this.updatePriceInView();
-              this.updateViewButtonsDependigOnConfigStructure();
+              (_this$view86 = this.view) === null || _this$view86 === void 0 || _this$view86.updateViewButtonsDependigOnConfigStructure();
             case 8:
             case "end":
-              return _context22.stop();
+              return _context23.stop();
           }
-        }, _callee22, this);
+        }, _callee23, this);
       }));
       function movePlannerElement(_x64, _x65, _x66, _x67) {
         return _movePlannerElement.apply(this, arguments);
@@ -49496,42 +49692,42 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElement",
     value: (function () {
-      var _copyPlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee23(setId, elementId, curConfigKey, copyInfo) {
-        var _this$updateViewPlann14;
-        var set, newSelectedArticle, newConfigStepKey, _this$updateElementSe7, baseArticle;
-        return _regeneratorRuntime__default["default"].wrap(function _callee23$(_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+      var _copyPlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(setId, elementId, curConfigKey, copyInfo) {
+        var _this$view87, _this$view88;
+        var set, newSelectedArticle, newConfigStepKey, _this$view89, baseArticle;
+        return _regeneratorRuntime__default["default"].wrap(function _callee24$(_context24) {
+          while (1) switch (_context24.prev = _context24.next) {
             case 0:
               if (copyInfo) {
-                _context23.next = 2;
+                _context24.next = 2;
                 break;
               }
-              return _context23.abrupt("return");
+              return _context24.abrupt("return");
             case 2:
               set = this.sets[setId];
-              _context23.next = 5;
+              _context24.next = 5;
               return setHandlerInstance.copyPlannerElement(set, elementId, copyInfo);
             case 5:
-              newSelectedArticle = _context23.sent;
+              newSelectedArticle = _context24.sent;
               this.updateConfigStructure();
-              (_this$updateViewPlann14 = this.updateViewPlannerElements) === null || _this$updateViewPlann14 === void 0 || _this$updateViewPlann14.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+              (_this$view87 = this.view) === null || _this$view87 === void 0 || _this$view87.updateViewPlannerElements(setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               this.updatePlannerView('COPY_PLANNER_ELEMENT');
               this.updatePriceInView();
-              this.updateViewButtonsDependigOnConfigStructure();
+              (_this$view88 = this.view) === null || _this$view88 === void 0 || _this$view88.updateViewButtonsDependigOnConfigStructure();
               newConfigStepKey = undefined;
               if (newSelectedArticle != undefined) {
                 newConfigStepKey = set.configTree.getNewConfigStepKeyByBasketId(curConfigKey, newSelectedArticle.basketId);
                 this.loadPaletteInfos(curConfigKey, [newSelectedArticle.basketId], Object.keys(set.getDivaArticles()));
                 baseArticle = setHandlerInstance.getBaseParentArticleOfAccessoire(set, newSelectedArticle.basketId);
-                (_this$updateElementSe7 = this.updateElementSelectionPlanner) === null || _this$updateElementSe7 === void 0 || _this$updateElementSe7.call(this, [baseArticle.setId], [baseArticle.elementId], true);
+                (_this$view89 = this.view) === null || _this$view89 === void 0 || _this$view89.updateElementSelectionPlanner([baseArticle.setId], [baseArticle.elementId], true);
               }
               this.checkMatchingProducts('onCopy');
-              return _context23.abrupt("return", newConfigStepKey);
+              return _context24.abrupt("return", newConfigStepKey);
             case 15:
             case "end":
-              return _context23.stop();
+              return _context24.stop();
           }
-        }, _callee23, this);
+        }, _callee24, this);
       }));
       function copyPlannerElement(_x68, _x69, _x70, _x71) {
         return _copyPlannerElement.apply(this, arguments);
@@ -49562,48 +49758,48 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getFreePlacesOnGrids",
     value: function () {
-      var _getFreePlacesOnGrids = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(gridGroup, from) {
-        var _this$updateFreePlace;
+      var _getFreePlacesOnGrids = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25(gridGroup, from) {
+        var _this$view90;
         var set, freeShelfGrids, plannedShelfGrids;
-        return _regeneratorRuntime__default["default"].wrap(function _callee24$(_context24) {
-          while (1) switch (_context24.prev = _context24.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee25$(_context25) {
+          while (1) switch (_context25.prev = _context25.next) {
             case 0:
               set = this.actSet();
               if (set) {
-                _context24.next = 3;
+                _context25.next = 3;
                 break;
               }
               throw new Error('getFreePlacesOnGrids: act set is not defined!');
             case 3:
               if (!gridGroup) {
-                _context24.next = 9;
+                _context25.next = 9;
                 break;
               }
-              _context24.next = 6;
+              _context25.next = 6;
               return setHandlerInstance.getFreeShelfGrids(set, gridGroup);
             case 6:
-              _context24.t0 = _context24.sent;
-              _context24.next = 10;
+              _context25.t0 = _context25.sent;
+              _context25.next = 10;
               break;
             case 9:
-              _context24.t0 = undefined;
+              _context25.t0 = undefined;
             case 10:
-              freeShelfGrids = _context24.t0;
+              freeShelfGrids = _context25.t0;
               plannedShelfGrids = setHandlerInstance.getPlannedShelfGrids(set);
               LOG$2.debug('update free from: ' + from, 'freeShelfGrids', freeShelfGrids, 'plannedShelfGrids', plannedShelfGrids);
-              (_this$updateFreePlace = this.updateFreePlacesOnGrids) === null || _this$updateFreePlace === void 0 || _this$updateFreePlace.call(this, {
+              (_this$view90 = this.view) === null || _this$view90 === void 0 || _this$view90.updateFreePlacesOnGrids({
                 freeShelfGrids: freeShelfGrids,
                 plannedShelfGrids: plannedShelfGrids
               });
-              return _context24.abrupt("return", {
+              return _context25.abrupt("return", {
                 freeShelfGrids: freeShelfGrids,
                 plannedShelfGrids: plannedShelfGrids
               });
             case 15:
             case "end":
-              return _context24.stop();
+              return _context25.stop();
           }
-        }, _callee24, this);
+        }, _callee25, this);
       }));
       function getFreePlacesOnGrids(_x72, _x73) {
         return _getFreePlacesOnGrids.apply(this, arguments);
@@ -49621,34 +49817,34 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25(accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var set, newGridId;
-        return _regeneratorRuntime__default["default"].wrap(function _callee25$(_context25) {
-          while (1) switch (_context25.prev = _context25.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee26$(_context26) {
+          while (1) switch (_context26.prev = _context26.next) {
             case 0:
               set = this.actSet();
               if (set) {
-                _context25.next = 3;
+                _context26.next = 3;
                 break;
               }
-              return _context25.abrupt("return");
+              return _context26.abrupt("return");
             case 3:
-              _context25.next = 5;
+              _context26.next = 5;
               return setHandlerInstance.moveShelfItemToGrid(set, accessoireBasketId, parentBasketId, gridName, cellIndex);
             case 5:
-              newGridId = _context25.sent;
+              newGridId = _context26.sent;
               this.updatePlannerView('MOVE_SHELF_ITEM');
               if (!newGridId) {
-                _context25.next = 10;
+                _context26.next = 10;
                 break;
               }
-              _context25.next = 10;
+              _context26.next = 10;
               return this.getFreePlacesOnGrids(newGridId, 'move shelf');
             case 10:
             case "end":
-              return _context25.stop();
+              return _context26.stop();
           }
-        }, _callee25, this);
+        }, _callee26, this);
       }));
       function moveShelfItemToGrid(_x74, _x75, _x76, _x77) {
         return _moveShelfItemToGrid.apply(this, arguments);
@@ -49672,25 +49868,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "resetArticle",
     value: function () {
-      var _resetArticle = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(basketId) {
+      var _resetArticle = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(basketId) {
         var set;
-        return _regeneratorRuntime__default["default"].wrap(function _callee26$(_context26) {
-          while (1) switch (_context26.prev = _context26.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee27$(_context27) {
+          while (1) switch (_context27.prev = _context27.next) {
             case 0:
               set = this.actSet();
               if (set) {
-                _context26.next = 3;
+                _context27.next = 3;
                 break;
               }
-              return _context26.abrupt("return");
+              return _context27.abrupt("return");
             case 3:
-              _context26.next = 5;
+              _context27.next = 5;
               return setHandlerInstance.resetArticle(set, basketId);
             case 5:
             case "end":
-              return _context26.stop();
+              return _context27.stop();
           }
-        }, _callee26, this);
+        }, _callee27, this);
       }));
       function resetArticle(_x78) {
         return _resetArticle.apply(this, arguments);
@@ -49710,22 +49906,22 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "changeOnFavorites",
     value: function changeOnFavorites(opt, opvs, targetArticles, remove) {
-      var _this$actions22;
-      favoritesHandlerInstance.changeOnFavorites(this.actSet(), opt, opvs, targetArticles, remove, (_this$actions22 = this.actions) === null || _this$actions22 === void 0 ? void 0 : _this$actions22.openModal);
+      var _this$actions25;
+      favoritesHandlerInstance.changeOnFavorites(this.actSet(), opt, opvs, targetArticles, remove, (_this$actions25 = this.actions) === null || _this$actions25 === void 0 ? void 0 : _this$actions25.openModal);
     }
   }, {
     key: "setDifferentOptions",
     value: function setDifferentOptions(options) {
-      var _this$actSet7;
-      (_this$actSet7 = this.actSet()) === null || _this$actSet7 === void 0 || _this$actSet7.setDifferentOptions(options);
+      var _this$actSet9;
+      (_this$actSet9 = this.actSet()) === null || _this$actSet9 === void 0 || _this$actSet9.setDifferentOptions(options);
     }
   }, {
     key: "checkMatchingProducts",
     value: function () {
-      var _checkMatchingProducts = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(from) {
+      var _checkMatchingProducts = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28(from) {
         var set, _set$getMatchingProdu, _set$getMatchingOrigP, _set$getMatchingOrigP2, _set$getMatchingProdu2;
-        return _regeneratorRuntime__default["default"].wrap(function _callee27$(_context27) {
-          while (1) switch (_context27.prev = _context27.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee28$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
             case 0:
               set = this.actSet();
               if (set !== null && set !== void 0 && set.api.doCheckForProductsPrice()) {
@@ -49739,18 +49935,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 }
               }
               if (!(set !== null && set !== void 0 && set.api.doCheckForProductsMatch())) {
-                _context27.next = 6;
+                _context28.next = 6;
                 break;
               }
-              _context27.next = 5;
+              _context28.next = 5;
               return productHandlerInstance.updateProducts(this.setsAsArray, this.api, this.divaBasketHandler.divaWWSHandler, from);
             case 5:
               this.updatePriceInView();
             case 6:
             case "end":
-              return _context27.stop();
+              return _context28.stop();
           }
-        }, _callee27, this);
+        }, _callee28, this);
       }));
       function checkMatchingProducts(_x79) {
         return _checkMatchingProducts.apply(this, arguments);
@@ -49764,9 +49960,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "updatePriceInView",
     value: function updatePriceInView() {
-      var _this$updateBBox, _this$updatePrice, _this$actSet8, _this$actSet9;
-      (_this$updateBBox = this.updateBBox) === null || _this$updateBBox === void 0 || _this$updateBBox.call(this, setHandlerInstance.getBBoxObject(this.actSet()));
-      (_this$updatePrice = this.updatePrice) === null || _this$updatePrice === void 0 || _this$updatePrice.call(this, setHandlerInstance.getTotalViewPrice(this.sets), this.actSet().getViewSetPrice(), setHandlerInstance.getTotalViewBruttoPrice(this.sets), undefined, (_this$actSet8 = this.actSet()) === null || _this$actSet8 === void 0 ? void 0 : _this$actSet8.getCustomDimensionsOfActSet(), (_this$actSet9 = this.actSet()) === null || _this$actSet9 === void 0 ? void 0 : _this$actSet9.setHash);
+      var _this$view91, _this$view92, _this$actSet10, _this$actSet11;
+      (_this$view91 = this.view) === null || _this$view91 === void 0 || _this$view91.updateBBox(setHandlerInstance.getBBoxObject(this.actSet()));
+      (_this$view92 = this.view) === null || _this$view92 === void 0 || _this$view92.updatePrice(setHandlerInstance.getTotalViewPrice(this.sets), this.actSet().getViewSetPrice(), setHandlerInstance.getTotalViewBruttoPrice(this.sets), undefined, (_this$actSet10 = this.actSet()) === null || _this$actSet10 === void 0 ? void 0 : _this$actSet10.getCustomDimensionsOfActSet(), (_this$actSet11 = this.actSet()) === null || _this$actSet11 === void 0 ? void 0 : _this$actSet11.setHash);
     }
 
     /**
@@ -49781,8 +49977,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "showModal",
     value: function showModal(data) {
-      var _this$actions23;
-      (_this$actions23 = this.actions) === null || _this$actions23 === void 0 || _this$actions23.openModal(data);
+      var _this$actions26;
+      (_this$actions26 = this.actions) === null || _this$actions26 === void 0 || _this$actions26.openModal(data);
     }
   }, {
     key: "logGA",
@@ -49801,25 +49997,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "callEvent",
     value: function callEvent(event, param) {
-      var _this$actions24, _this$actions25, _this$actions26, _this$actions27;
+      var _this$actions27, _this$actions28, _this$actions29, _this$actions30;
       switch (event) {
         case 'onFullscreenClose':
-          (_this$actions24 = this.actions) === null || _this$actions24 === void 0 || _this$actions24.onEvent({
+          (_this$actions27 = this.actions) === null || _this$actions27 === void 0 || _this$actions27.onEvent({
             type: 'onFullscreenClose'
           });
           break;
         case 'onWebPlanerClose':
-          (_this$actions25 = this.actions) === null || _this$actions25 === void 0 || _this$actions25.onEvent({
+          (_this$actions28 = this.actions) === null || _this$actions28 === void 0 || _this$actions28.onEvent({
             type: 'onWebPlanerClose'
           });
           break;
         case 'onWebPlanerHelp':
-          (_this$actions26 = this.actions) === null || _this$actions26 === void 0 || _this$actions26.onEvent({
+          (_this$actions29 = this.actions) === null || _this$actions29 === void 0 || _this$actions29.onEvent({
             type: 'onWebPlanerHelp'
           });
           break;
         case 'onWebPlanerZoomClick':
-          (_this$actions27 = this.actions) === null || _this$actions27 === void 0 || _this$actions27.onEvent({
+          (_this$actions30 = this.actions) === null || _this$actions30 === void 0 || _this$actions30.onEvent({
             type: 'onWebPlanerZoomClick',
             data: param
           });
@@ -49829,81 +50025,81 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasketWrapper",
     value: function () {
-      var _saveToBasketWrapper = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28(event, repairOnly, returnToParam, hideLoading) {
-        var _this$actions28,
-          _this$actions28$toggl,
-          _this$actions29,
-          _this$actions29$toggl,
-          _this3 = this,
-          _this$actions33,
+      var _saveToBasketWrapper = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(event, repairOnly, returnToParam, hideLoading) {
+        var _this$actions31,
+          _this$actions31$toggl,
+          _this$actions32,
+          _this$actions32$toggl,
+          _this4 = this,
+          _this$actions36,
           _this$i18n18;
-        var returnTo, finalEvent, result, _this$actions30, _this$i18n12, _this$i18n13, _this$actions31, _this$i18n14, _this$i18n15, _this$actions32, _this$i18n16, _this$i18n17, _this$updatePlannerMs2;
-        return _regeneratorRuntime__default["default"].wrap(function _callee28$(_context28) {
-          while (1) switch (_context28.prev = _context28.next) {
+        var returnTo, finalEvent, result, _this$actions33, _this$i18n12, _this$i18n13, _this$actions34, _this$i18n14, _this$i18n15, _this$actions35, _this$i18n16, _this$i18n17, _this$view93;
+        return _regeneratorRuntime__default["default"].wrap(function _callee29$(_context29) {
+          while (1) switch (_context29.prev = _context29.next) {
             case 0:
               returnTo = returnToParam !== null && returnToParam !== void 0 ? returnToParam : this.getReturnTo(event);
               finalEvent = {
                 event: event,
                 saveBasket: true
               };
-              if (!hideLoading) (_this$actions28 = this.actions) === null || _this$actions28 === void 0 || (_this$actions28$toggl = _this$actions28.toggleLoading) === null || _this$actions28$toggl === void 0 || _this$actions28$toggl.call(_this$actions28, 'Planner_Saving', false, true);
-              _context28.next = 5;
+              if (!hideLoading) (_this$actions31 = this.actions) === null || _this$actions31 === void 0 || (_this$actions31$toggl = _this$actions31.toggleLoading) === null || _this$actions31$toggl === void 0 || _this$actions31$toggl.call(_this$actions31, 'Planner_Saving', false, true);
+              _context29.next = 5;
               return this.saveToBasket(returnTo, finalEvent.event, repairOnly);
             case 5:
-              result = _context28.sent;
-              if (!hideLoading) (_this$actions29 = this.actions) === null || _this$actions29 === void 0 || (_this$actions29$toggl = _this$actions29.toggleLoading) === null || _this$actions29$toggl === void 0 || _this$actions29$toggl.call(_this$actions29, 'Planner_Saving', false, false);
+              result = _context29.sent;
+              if (!hideLoading) (_this$actions32 = this.actions) === null || _this$actions32 === void 0 || (_this$actions32$toggl = _this$actions32.toggleLoading) === null || _this$actions32$toggl === void 0 || _this$actions32$toggl.call(_this$actions32, 'Planner_Saving', false, false);
               if (!(result === 'canceled')) {
-                _context28.next = 11;
+                _context29.next = 11;
                 break;
               }
               LOG$2.error(new DivaUtils.DivaError('failed to save Basket'));
-              (_this$actions30 = this.actions) === null || _this$actions30 === void 0 || _this$actions30.openModal({
+              (_this$actions33 = this.actions) === null || _this$actions33 === void 0 || _this$actions33.openModal({
                 text: ((_this$i18n12 = this.i18n()) === null || _this$i18n12 === void 0 ? void 0 : _this$i18n12.t('modal.general_error')) + ' --- ' + DivaUtils__default["default"].formatDate(new Date(), true, undefined, true) + ' --- ' + DivaUtils__default["default"].getCurrentTraceId() ? ((_this$i18n13 = this.i18n()) === null || _this$i18n13 === void 0 ? void 0 : _this$i18n13.t('modal.errorcode')) + ': ' + DivaUtils__default["default"].getCurrentTraceId() : '',
                 accept: true
               });
-              return _context28.abrupt("return", result);
+              return _context29.abrupt("return", result);
             case 11:
-              _context28.t0 = returnTo;
-              _context28.next = _context28.t0 === 'OPEN_PDF' ? 14 : _context28.t0 === 'SAVE_BASKET_WITH_MODAL' ? 16 : _context28.t0 === 'OPEN_CONTACT_FORM' ? 17 : 17;
+              _context29.t0 = returnTo;
+              _context29.next = _context29.t0 === 'OPEN_PDF' ? 14 : _context29.t0 === 'SAVE_BASKET_WITH_MODAL' ? 16 : _context29.t0 === 'OPEN_CONTACT_FORM' ? 17 : 17;
               break;
             case 14:
               if (!this.getBasket().PDFDocumentURL) {
                 LOG$2.error(new DivaUtils.DivaError('PDF url is missing in basket', {
                   code: 'WC_0010'
                 }));
-                (_this$actions31 = this.actions) === null || _this$actions31 === void 0 || _this$actions31.openModal({
+                (_this$actions34 = this.actions) === null || _this$actions34 === void 0 || _this$actions34.openModal({
                   text: ((_this$i18n14 = this.i18n()) === null || _this$i18n14 === void 0 ? void 0 : _this$i18n14.t('modal.general_error')) + ' --- ' + DivaUtils__default["default"].formatDate(new Date(), true, undefined, true) + ' --- ' + DivaUtils__default["default"].getCurrentTraceId() ? ((_this$i18n15 = this.i18n()) === null || _this$i18n15 === void 0 ? void 0 : _this$i18n15.t('modal.errorcode')) + ': ' + DivaUtils__default["default"].getCurrentTraceId() : '',
                   accept: true
                 });
               } else {
-                (_this$actions32 = this.actions) === null || _this$actions32 === void 0 || _this$actions32.openModal({
+                (_this$actions35 = this.actions) === null || _this$actions35 === void 0 || _this$actions35.openModal({
                   text: (_this$i18n16 = this.i18n()) === null || _this$i18n16 === void 0 ? void 0 : _this$i18n16.t(this.divaBasketHandler.actBasket.Status === 'ORDER' ? 'modal.open_order_pdf_now' : 'modal.open_leaflet_pdf_now'),
                   accept: (_this$i18n17 = this.i18n()) === null || _this$i18n17 === void 0 ? void 0 : _this$i18n17.t('modals.open_now'),
                   callback: function callback() {
-                    window.open(_this3.getBasket().PDFDocumentURL, '_blank');
+                    window.open(_this4.getBasket().PDFDocumentURL, '_blank');
                   }
                 });
               }
-              return _context28.abrupt("break", 17);
+              return _context29.abrupt("break", 17);
             case 16:
-              (_this$actions33 = this.actions) === null || _this$actions33 === void 0 || _this$actions33.openModal({
+              (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.openModal({
                 text: (_this$i18n18 = this.i18n()) === null || _this$i18n18 === void 0 ? void 0 : _this$i18n18.t('modal.planning_saved'),
                 accept: true
               });
             case 17:
               if (!(result == 'noArticleToSave')) {
-                _context28.next = 20;
+                _context29.next = 20;
                 break;
               }
-              (_this$updatePlannerMs2 = this.updatePlannerMsgContainer) === null || _this$updatePlannerMs2 === void 0 || _this$updatePlannerMs2.call(this, 'NOTHING_TO_SAVE', true, 'INFO', 'NOTHING_TO_SAVE', true);
-              return _context28.abrupt("return", 'canceled');
+              (_this$view93 = this.view) === null || _this$view93 === void 0 || _this$view93.updatePlannerMsgContainer('NOTHING_TO_SAVE', true, 'INFO', 'NOTHING_TO_SAVE', true);
+              return _context29.abrupt("return", 'canceled');
             case 20:
-              return _context28.abrupt("return", result);
+              return _context29.abrupt("return", result);
             case 21:
             case "end":
-              return _context28.stop();
+              return _context29.stop();
           }
-        }, _callee28, this);
+        }, _callee29, this);
       }));
       function saveToBasketWrapper(_x80, _x81, _x82, _x83) {
         return _saveToBasketWrapper.apply(this, arguments);
@@ -49913,42 +50109,42 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasket",
     value: function () {
-      var _saveToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(returnTo, event, repairOnly) {
-        var _returnTo, _returnTo2, _returnTo3, _this$actions34, _this$actions35, _this$divaBasketHandl2;
-        var set, actBasket, oldReturnTo, result, newDivaNr, _this$actSet10, arReady, _result, product;
-        return _regeneratorRuntime__default["default"].wrap(function _callee29$(_context29) {
-          while (1) switch (_context29.prev = _context29.next) {
+      var _saveToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30(returnTo, event, repairOnly) {
+        var _returnTo, _returnTo2, _returnTo3, _this$actions37, _this$actions38, _this$divaBasketHandl2;
+        var set, actBasket, oldReturnTo, result, newDivaNr, _this$actSet12, arReady, _result, product;
+        return _regeneratorRuntime__default["default"].wrap(function _callee30$(_context30) {
+          while (1) switch (_context30.prev = _context30.next) {
             case 0:
               set = this.actSet();
               if (!setHandlerInstance.isNoArticleToSave(this.sets)) {
-                _context29.next = 3;
+                _context30.next = 3;
                 break;
               }
-              return _context29.abrupt("return", 'noArticleToSave');
+              return _context30.abrupt("return", 'noArticleToSave');
             case 3:
               actBasket = this.divaBasketHandler.actBasket;
               if (!((_returnTo = returnTo) !== null && _returnTo !== void 0 && _returnTo.startsWith('FAVORITS') && favoritesHandlerInstance.FavoritesDefined(set))) {
-                _context29.next = 12;
+                _context30.next = 12;
                 break;
               }
               oldReturnTo = returnTo;
               this.ReturnTo = returnTo.replace('FAVORITS_', '');
-              _context29.next = 9;
+              _context30.next = 9;
               return this.handleFavorites('SAVE');
             case 9:
-              result = _context29.sent;
+              result = _context30.sent;
               if (result === 'canceled') {
                 this.ReturnTo = oldReturnTo;
               }
-              return _context29.abrupt("return", result);
+              return _context30.abrupt("return", result);
             case 12:
-              _context29.t0 = this.divaBasketHandler;
-              _context29.t1 = this.divaBasketHandler.actDivaNr;
-              _context29.next = 16;
+              _context30.t0 = this.divaBasketHandler;
+              _context30.t1 = this.divaBasketHandler.actDivaNr;
+              _context30.next = 16;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, !!repairOnly, this.doAllowSetPlanner(), this.ReturnTo);
             case 16:
-              _context29.t2 = _context29.sent;
-              _context29.t0.setBasketData.call(_context29.t0, _context29.t1, _context29.t2);
+              _context30.t2 = _context30.sent;
+              _context30.t0.setBasketData.call(_context30.t0, _context30.t1, _context30.t2);
               if ((_returnTo2 = returnTo) !== null && _returnTo2 !== void 0 && _returnTo2.endsWith('OPEN_SELLER_BASKET')) {
                 this.ReturnTo = 'OPEN_SELLER_BASKET';
                 returnTo = this.ReturnTo;
@@ -49963,14 +50159,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.divaBasketHandler.fillOrigConfigurations();
               actBasket.Updated = Date.now();
               if (!returnTo) {
-                _context29.next = 54;
+                _context30.next = 54;
                 break;
               }
-              _context29.t3 = returnTo;
-              _context29.next = _context29.t3 === 'OPEN_SELLER_PRODUCTCREATOR' ? 27 : _context29.t3 === 'OPEN_SELLER_BASKET' ? 29 : _context29.t3 === 'OPEN_PDF' ? 32 : _context29.t3 === 'SAVE_BASKET_WITH_MODAL' ? 32 : _context29.t3 === 'SAVE_BASKET' ? 32 : _context29.t3 === 'SAVE_BASKET_SYNC' ? 32 : _context29.t3 === 'SAVE_BASKET_ASYNC' ? 32 : 54;
+              _context30.t3 = returnTo;
+              _context30.next = _context30.t3 === 'OPEN_SELLER_PRODUCTCREATOR' ? 27 : _context30.t3 === 'OPEN_SELLER_BASKET' ? 29 : _context30.t3 === 'OPEN_PDF' ? 32 : _context30.t3 === 'SAVE_BASKET_WITH_MODAL' ? 32 : _context30.t3 === 'SAVE_BASKET' ? 32 : _context30.t3 === 'SAVE_BASKET_SYNC' ? 32 : _context30.t3 === 'SAVE_BASKET_ASYNC' ? 32 : 54;
               break;
             case 27:
-              (_this$actions34 = this.actions) === null || _this$actions34 === void 0 || _this$actions34.openComponent({
+              (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.openComponent({
                 type: 'SELLER',
                 parameters: {
                   module: 'PCreator',
@@ -49980,12 +50176,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context29.abrupt("break", 54);
+              return _context30.abrupt("break", 54);
             case 29:
               if (this.divaBasketHandler.basketWasSavedWithCurrentDocVersion) {
                 actBasket.setDocumentVersion(actBasket.getDocumentVersion() + 1);
               }
-              (_this$actions35 = this.actions) === null || _this$actions35 === void 0 || _this$actions35.openComponent({
+              (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.openComponent({
                 type: 'SELLER',
                 parameters: {
                   module: 'Basket',
@@ -49995,26 +50191,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context29.abrupt("break", 54);
+              return _context30.abrupt("break", 54);
             case 32:
               if (!(event == 'onSaveProduct')) {
-                _context29.next = 44;
+                _context30.next = 44;
                 break;
               }
-              _context29.next = 35;
+              _context30.next = 35;
               return setHandlerInstance.flushPendingUploadsViaMediaService(actBasket);
             case 35:
               //copy basket, so we only save a copy as baseconfiguration and can continue working with the original basket
               actBasket = new basketModel.BasketData(JSON.parse(JSON.stringify(actBasket)));
-              _context29.next = 38;
+              _context30.next = 38;
               return DivaUtils__default["default"].updateBasketOrgInfo(actBasket, this.plannerConfig.currentOrganization, this.plannerConfig.currentUser);
             case 38:
-              _context29.next = 40;
+              _context30.next = 40;
               return this.api.getDataWithoutCache(this.api.getUniqueNewDivaNr(), undefined, 'basket');
             case 40:
-              newDivaNr = _context29.sent;
+              newDivaNr = _context30.sent;
               actBasket.convertToBaseConfiguration(newDivaNr.divaNr);
-              _context29.next = 53;
+              _context30.next = 53;
               break;
             case 44:
               if (this.divaBasketHandler.basketWasSavedWithCurrentDocVersion) {
@@ -50023,31 +50219,31 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               this.divaBasketHandler.basketWasSavedWithCurrentDocVersion = true;
               actBasket.setDivaNr(this.divaBasketHandler.actDivaNr.split('-').length > 2 ? this.divaBasketHandler.actDivaNr.split('-')[0] + '-' + this.divaBasketHandler.actDivaNr.split('-')[1] : this.divaBasketHandler.actDivaNr);
-              arReady = !!((_this$actSet10 = this.actSet()) !== null && _this$actSet10 !== void 0 && _this$actSet10.CatalogData.divaArReady);
-              _context29.next = 50;
+              arReady = !!((_this$actSet12 = this.actSet()) !== null && _this$actSet12 !== void 0 && _this$actSet12.CatalogData.divaArReady);
+              _context30.next = 50;
               return this.divaBasketHandler.saveToBasket(this.api, actBasket, returnTo, arReady);
             case 50:
-              _result = _context29.sent;
+              _result = _context30.sent;
               if (!(_result === 'ERROR_NO_BASKET_SAVED' || _result === 'ERROR_BASKET_AFTER_SAVE')) {
-                _context29.next = 53;
+                _context30.next = 53;
                 break;
               }
-              return _context29.abrupt("return", 'canceled');
+              return _context30.abrupt("return", 'canceled');
             case 53:
-              return _context29.abrupt("break", 54);
+              return _context30.abrupt("break", 54);
             case 54:
               if (returnTo == 'DONT_SAVE_BASKET') event = 'dontSaveBasket';
               actBasket = (_this$divaBasketHandl2 = this.divaBasketHandler.getBasketData(actBasket.DivaNr, actBasket.DocumentVersion)) !== null && _this$divaBasketHandl2 !== void 0 ? _this$divaBasketHandl2 : actBasket; //get pdf documenturl from saved basket
-              _context29.next = 58;
+              _context30.next = 58;
               return this.addToBasket(actBasket, event);
             case 58:
-              product = _context29.sent;
-              return _context29.abrupt("return", product !== null && product !== void 0 ? product : 'saved');
+              product = _context30.sent;
+              return _context30.abrupt("return", product !== null && product !== void 0 ? product : 'saved');
             case 60:
             case "end":
-              return _context29.stop();
+              return _context30.stop();
           }
-        }, _callee29, this);
+        }, _callee30, this);
       }));
       function saveToBasket(_x84, _x85, _x86) {
         return _saveToBasket.apply(this, arguments);
@@ -50064,24 +50260,24 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "generateAiImageWithReferenceImages",
     value: function () {
-      var _generateAiImageWithReferenceImages = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30(data, leadKey) {
-        var _this$actSet11, _this$state6, _this$actSet12;
-        return _regeneratorRuntime__default["default"].wrap(function _callee30$(_context30) {
-          while (1) switch (_context30.prev = _context30.next) {
+      var _generateAiImageWithReferenceImages = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31(data, leadKey) {
+        var _this$actSet13, _this$state6, _this$actSet14;
+        return _regeneratorRuntime__default["default"].wrap(function _callee31$(_context31) {
+          while (1) switch (_context31.prev = _context31.next) {
             case 0:
-              (_this$actSet11 = this.actSet()) === null || _this$actSet11 === void 0 || _this$actSet11.CatalogData.catalogCodex;
-              _context30.next = 3;
+              (_this$actSet13 = this.actSet()) === null || _this$actSet13 === void 0 || _this$actSet13.CatalogData.catalogCodex;
+              _context31.next = 3;
               return this.api.generateAiImageWithReferenceImages(_objectSpread$8(_objectSpread$8({}, data), {}, {
                 userId: (_this$state6 = this.state) === null || _this$state6 === void 0 || (_this$state6 = _this$state6.user) === null || _this$state6 === void 0 ? void 0 : _this$state6._id,
-                catalogCodex: (_this$actSet12 = this.actSet()) === null || _this$actSet12 === void 0 ? void 0 : _this$actSet12.CatalogData.catalogCodex
+                catalogCodex: (_this$actSet14 = this.actSet()) === null || _this$actSet14 === void 0 ? void 0 : _this$actSet14.CatalogData.catalogCodex
               }), leadKey);
             case 3:
-              return _context30.abrupt("return", _context30.sent);
+              return _context31.abrupt("return", _context31.sent);
             case 4:
             case "end":
-              return _context30.stop();
+              return _context31.stop();
           }
-        }, _callee30, this);
+        }, _callee31, this);
       }));
       function generateAiImageWithReferenceImages(_x87, _x88) {
         return _generateAiImageWithReferenceImages.apply(this, arguments);
@@ -50091,51 +50287,70 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getUsageLimits",
     value: function () {
-      var _getUsageLimits = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31() {
+      var _getUsageLimits = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32() {
         var _localStorage$getItem, _localStorage;
         var leadKey;
-        return _regeneratorRuntime__default["default"].wrap(function _callee31$(_context31) {
-          while (1) switch (_context31.prev = _context31.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee32$(_context32) {
+          while (1) switch (_context32.prev = _context32.next) {
             case 0:
               // Get lead key from localStorage if it exists (for anonymous users)
               leadKey = (_localStorage$getItem = (_localStorage = localStorage) === null || _localStorage === void 0 ? void 0 : _localStorage.getItem('diva_lead_key')) !== null && _localStorage$getItem !== void 0 ? _localStorage$getItem : undefined;
-              _context31.next = 3;
+              _context32.next = 3;
               return this.api.getUsageLimits(leadKey ? {
                 leadKey: leadKey
               } : undefined);
             case 3:
-              return _context31.abrupt("return", _context31.sent);
+              return _context32.abrupt("return", _context32.sent);
             case 4:
             case "end":
-              return _context31.stop();
+              return _context32.stop();
           }
-        }, _callee31, this);
+        }, _callee32, this);
       }));
       function getUsageLimits() {
         return _getUsageLimits.apply(this, arguments);
       }
       return getUsageLimits;
-    }()
+    }() /** Base URL of the diva AI service (used by the analyzer's catalog chat). */
+  }, {
+    key: "getAiServiceUrl",
+    value: function getAiServiceUrl() {
+      return this.api.getDivaAiServiceUrl();
+    }
+
+    /** Current planner JWT, for authenticating direct AI-service calls. */
+  }, {
+    key: "getJwt",
+    value: function getJwt() {
+      return this.api.getJwt();
+    }
+
+    /** What the planner is currently working on (enricher package / IDM package / organization). */
+  }, {
+    key: "getWorkingContext",
+    value: function getWorkingContext() {
+      return this.api.getWorkingContext();
+    }
   }, {
     key: "getAiRoomRenderings",
     value: function () {
-      var _getAiRoomRenderings = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32() {
+      var _getAiRoomRenderings = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee33() {
         var _this$state7;
         var organizationId, lang;
-        return _regeneratorRuntime__default["default"].wrap(function _callee32$(_context32) {
-          while (1) switch (_context32.prev = _context32.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee33$(_context33) {
+          while (1) switch (_context33.prev = _context33.next) {
             case 0:
               organizationId = (_this$state7 = this.state) === null || _this$state7 === void 0 ? void 0 : _this$state7.organization._id;
               lang = this.api.getLanguage();
-              _context32.next = 4;
+              _context33.next = 4;
               return this.api.getAiRoomRenderings(organizationId, lang !== null && lang !== void 0 ? lang : undefined);
             case 4:
-              return _context32.abrupt("return", _context32.sent);
+              return _context33.abrupt("return", _context33.sent);
             case 5:
             case "end":
-              return _context32.stop();
+              return _context33.stop();
           }
-        }, _callee32, this);
+        }, _callee33, this);
       }));
       function getAiRoomRenderings() {
         return _getAiRoomRenderings.apply(this, arguments);
@@ -50145,19 +50360,19 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "createLeadKey",
     value: function () {
-      var _createLeadKey = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee33(email) {
-        return _regeneratorRuntime__default["default"].wrap(function _callee33$(_context33) {
-          while (1) switch (_context33.prev = _context33.next) {
+      var _createLeadKey = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee34(email) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee34$(_context34) {
+          while (1) switch (_context34.prev = _context34.next) {
             case 0:
-              _context33.next = 2;
+              _context34.next = 2;
               return this.api.createLeadKey(email);
             case 2:
-              return _context33.abrupt("return", _context33.sent);
+              return _context34.abrupt("return", _context34.sent);
             case 3:
             case "end":
-              return _context33.stop();
+              return _context34.stop();
           }
-        }, _callee33, this);
+        }, _callee34, this);
       }));
       function createLeadKey(_x89) {
         return _createLeadKey.apply(this, arguments);
@@ -50167,9 +50382,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "showAiRoomRenderingInSummary",
     value: function showAiRoomRenderingInSummary() {
-      var _this$actSet13;
+      var _this$actSet15;
       var viewConfig = this.api.getViewConfig();
-      return (viewConfig === null || viewConfig === void 0 ? void 0 : viewConfig.showAiRoomRenderingInSummary) || (viewConfig === null || viewConfig === void 0 ? void 0 : viewConfig.showAiRoomRenderingInSummaryOnlyForCatalogsWithProperty) && ((_this$actSet13 = this.actSet()) === null || _this$actSet13 === void 0 ? void 0 : _this$actSet13.CatalogData.showAiRoomRenderingInSummary);
+      return (viewConfig === null || viewConfig === void 0 ? void 0 : viewConfig.showAiRoomRenderingInSummary) || (viewConfig === null || viewConfig === void 0 ? void 0 : viewConfig.showAiRoomRenderingInSummaryOnlyForCatalogsWithProperty) && ((_this$actSet15 = this.actSet()) === null || _this$actSet15 === void 0 ? void 0 : _this$actSet15.CatalogData.showAiRoomRenderingInSummary);
     }
   }, {
     key: "clearAllAiImagesAsJpg",
@@ -50223,8 +50438,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var doTryOptimize = plannerType == 'CUSTOMER_OPTIMIZED_PLANNER' || plannerType == 'JUMP_OVER_PLANNER_ONLY_MOBILE' || plannerType == 'JUMP_OVER_PLANNER';
       //if planner is hidden by config but nothing is planned initially
       if (plannerType === 'NONE') {
-        var _this$plannerConfig$a7, _this$actSet14;
-        if (!this.plannerConfig.divaNr && this.plannerConfig.catalogCodex !== undefined && !((_this$plannerConfig$a7 = this.plannerConfig.articleCodexes) !== null && _this$plannerConfig$a7 !== void 0 && _this$plannerConfig$a7.length) && !this.plannerConfig.productId && !this.plannerConfig.customProductId && !this.plannerConfig.basketData && !((_this$actSet14 = this.actSet()) !== null && _this$actSet14 !== void 0 && (_this$actSet14 = _this$actSet14.CatalogData.startPlannerArticle) !== null && _this$actSet14 !== void 0 && _this$actSet14.length)) {
+        var _this$plannerConfig$a7, _this$actSet16;
+        if (!this.plannerConfig.divaNr && this.plannerConfig.catalogCodex !== undefined && !((_this$plannerConfig$a7 = this.plannerConfig.articleCodexes) !== null && _this$plannerConfig$a7 !== void 0 && _this$plannerConfig$a7.length) && !this.plannerConfig.productId && !this.plannerConfig.customProductId && !this.plannerConfig.basketData && !((_this$actSet16 = this.actSet()) !== null && _this$actSet16 !== void 0 && (_this$actSet16 = _this$actSet16.CatalogData.startPlannerArticle) !== null && _this$actSet16 !== void 0 && _this$actSet16.length)) {
           plannerType = 'PLANNER';
         }
       }
@@ -50268,38 +50483,38 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCurCatalogCodex",
     value: function getCurCatalogCodex() {
-      var _this$actSet15;
-      return (_this$actSet15 = this.actSet()) === null || _this$actSet15 === void 0 ? void 0 : _this$actSet15.getCatalogCodex();
+      var _this$actSet17;
+      return (_this$actSet17 = this.actSet()) === null || _this$actSet17 === void 0 ? void 0 : _this$actSet17.getCatalogCodex();
     }
   }, {
     key: "getCurCatalogName",
     value: function getCurCatalogName() {
-      var _this$actSet16;
-      return (_this$actSet16 = this.actSet()) === null || _this$actSet16 === void 0 ? void 0 : _this$actSet16.getCatalogName();
+      var _this$actSet18;
+      return (_this$actSet18 = this.actSet()) === null || _this$actSet18 === void 0 ? void 0 : _this$actSet18.getCatalogName();
     }
   }, {
     key: "getCurAccountName",
     value: function getCurAccountName() {
-      var _this$actSet17;
-      return (_this$actSet17 = this.actSet()) === null || _this$actSet17 === void 0 ? void 0 : _this$actSet17.getAccountName();
+      var _this$actSet19;
+      return (_this$actSet19 = this.actSet()) === null || _this$actSet19 === void 0 ? void 0 : _this$actSet19.getAccountName();
     }
   }, {
     key: "getCurSupplierGuid",
     value: function getCurSupplierGuid() {
-      var _this$actSet18;
-      return (_this$actSet18 = this.actSet()) === null || _this$actSet18 === void 0 ? void 0 : _this$actSet18.getSupplierGuid();
+      var _this$actSet20;
+      return (_this$actSet20 = this.actSet()) === null || _this$actSet20 === void 0 ? void 0 : _this$actSet20.getSupplierGuid();
     }
   }, {
     key: "getCurSetPrice",
     value: function getCurSetPrice() {
-      var _this$actSet$getSetPr, _this$actSet19;
-      return (_this$actSet$getSetPr = (_this$actSet19 = this.actSet()) === null || _this$actSet19 === void 0 ? void 0 : _this$actSet19.getSetPrice()) !== null && _this$actSet$getSetPr !== void 0 ? _this$actSet$getSetPr : 0;
+      var _this$actSet$getSetPr, _this$actSet21;
+      return (_this$actSet$getSetPr = (_this$actSet21 = this.actSet()) === null || _this$actSet21 === void 0 ? void 0 : _this$actSet21.getSetPrice()) !== null && _this$actSet$getSetPr !== void 0 ? _this$actSet$getSetPr : 0;
     }
   }, {
     key: "getCurImageMode",
     value: function getCurImageMode() {
-      var _this$actSet20;
-      return (_this$actSet20 = this.actSet()) !== null && _this$actSet20 !== void 0 && (_this$actSet20 = _this$actSet20.CatalogData) !== null && _this$actSet20 !== void 0 && _this$actSet20.has3dModels ? '3D' : '2D';
+      var _this$actSet22;
+      return (_this$actSet22 = this.actSet()) !== null && _this$actSet22 !== void 0 && (_this$actSet22 = _this$actSet22.CatalogData) !== null && _this$actSet22 !== void 0 && _this$actSet22.has3dModels ? '3D' : '2D';
     }
   }, {
     key: "getViewConfig",
@@ -50335,80 +50550,80 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "doShow3DDimensionLines",
     value: function doShow3DDimensionLines() {
-      var _this$actSet21;
-      return (_this$actSet21 = this.actSet()) === null || _this$actSet21 === void 0 || (_this$actSet21 = _this$actSet21.CatalogData) === null || _this$actSet21 === void 0 ? void 0 : _this$actSet21.doShow3DDimensionLines;
+      var _this$actSet23;
+      return (_this$actSet23 = this.actSet()) === null || _this$actSet23 === void 0 || (_this$actSet23 = _this$actSet23.CatalogData) === null || _this$actSet23 === void 0 ? void 0 : _this$actSet23.doShow3DDimensionLines;
     }
   }, {
     key: "doShowMainDimensions",
     value: function doShowMainDimensions() {
-      var _this$actSet22;
-      return (_this$actSet22 = this.actSet()) === null || _this$actSet22 === void 0 || (_this$actSet22 = _this$actSet22.CatalogData) === null || _this$actSet22 === void 0 ? void 0 : _this$actSet22.doShowMainDimensions;
+      var _this$actSet24;
+      return (_this$actSet24 = this.actSet()) === null || _this$actSet24 === void 0 || (_this$actSet24 = _this$actSet24.CatalogData) === null || _this$actSet24 === void 0 ? void 0 : _this$actSet24.doShowMainDimensions;
     }
   }, {
     key: "defaultDimensionsActive",
     value: function defaultDimensionsActive() {
-      var _this$actSet23;
-      return (_this$actSet23 = this.actSet()) === null || _this$actSet23 === void 0 || (_this$actSet23 = _this$actSet23.CatalogData) === null || _this$actSet23 === void 0 ? void 0 : _this$actSet23.defaultDimensionsActive;
+      var _this$actSet25;
+      return (_this$actSet25 = this.actSet()) === null || _this$actSet25 === void 0 || (_this$actSet25 = _this$actSet25.CatalogData) === null || _this$actSet25 === void 0 ? void 0 : _this$actSet25.defaultDimensionsActive;
     }
   }, {
     key: "autoOpenContentItem",
     value: function autoOpenContentItem() {
-      var _this$actSet24;
-      return (_this$actSet24 = this.actSet()) === null || _this$actSet24 === void 0 || (_this$actSet24 = _this$actSet24.CatalogData) === null || _this$actSet24 === void 0 ? void 0 : _this$actSet24.autoOpenContentItem;
+      var _this$actSet26;
+      return (_this$actSet26 = this.actSet()) === null || _this$actSet26 === void 0 || (_this$actSet26 = _this$actSet26.CatalogData) === null || _this$actSet26 === void 0 ? void 0 : _this$actSet26.autoOpenContentItem;
     }
   }, {
     key: "hidePlannerUiIcons",
     value: function hidePlannerUiIcons() {
-      var _this$actSet25;
-      return (_this$actSet25 = this.actSet()) === null || _this$actSet25 === void 0 || (_this$actSet25 = _this$actSet25.CatalogData) === null || _this$actSet25 === void 0 ? void 0 : _this$actSet25.hidePlannerUiIcons;
+      var _this$actSet27;
+      return (_this$actSet27 = this.actSet()) === null || _this$actSet27 === void 0 || (_this$actSet27 = _this$actSet27.CatalogData) === null || _this$actSet27 === void 0 ? void 0 : _this$actSet27.hidePlannerUiIcons;
     }
   }, {
     key: "getPlanner2Dot0Active",
     value: function getPlanner2Dot0Active() {
-      var _this$actSet26;
-      return (_this$actSet26 = this.actSet()) === null || _this$actSet26 === void 0 || (_this$actSet26 = _this$actSet26.CatalogData) === null || _this$actSet26 === void 0 ? void 0 : _this$actSet26.planner2Dot0;
+      var _this$actSet28;
+      return (_this$actSet28 = this.actSet()) === null || _this$actSet28 === void 0 || (_this$actSet28 = _this$actSet28.CatalogData) === null || _this$actSet28 === void 0 ? void 0 : _this$actSet28.planner2Dot0;
     }
   }, {
     key: "doShowPlannerReplaceMode",
     value: function doShowPlannerReplaceMode() {
-      var _this$actSet27, _this$api$getViewConf2, _catalogData$PlannerP, _catalogData$PlannerP2;
-      var catalogData = (_this$actSet27 = this.actSet()) === null || _this$actSet27 === void 0 ? void 0 : _this$actSet27.CatalogData;
+      var _this$actSet29, _this$api$getViewConf2, _catalogData$PlannerP, _catalogData$PlannerP2;
+      var catalogData = (_this$actSet29 = this.actSet()) === null || _this$actSet29 === void 0 ? void 0 : _this$actSet29.CatalogData;
       return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.replaceModeActive) && ((_this$api$getViewConf2 = this.api.getViewConfig()) === null || _this$api$getViewConf2 === void 0 ? void 0 : _this$api$getViewConf2.showReplaceFunctionInPlanner) && Object.entries(catalogData.allCatalogPlannerArticles).length > 1 && Object.entries((_catalogData$PlannerP = (_catalogData$PlannerP2 = catalogData.PlannerPaletteViewInfo) === null || _catalogData$PlannerP2 === void 0 ? void 0 : _catalogData$PlannerP2.catalogPlannerArticles) !== null && _catalogData$PlannerP !== void 0 ? _catalogData$PlannerP : {}).length > 1;
     }
   }, {
     key: "doPlannerReplaceAutoSwitch",
     value: function doPlannerReplaceAutoSwitch() {
-      var _this$actSet28, _this$api$getViewConf3;
-      var catalogData = (_this$actSet28 = this.actSet()) === null || _this$actSet28 === void 0 ? void 0 : _this$actSet28.CatalogData;
+      var _this$actSet30, _this$api$getViewConf3;
+      var catalogData = (_this$actSet30 = this.actSet()) === null || _this$actSet30 === void 0 ? void 0 : _this$actSet30.CatalogData;
       return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.catalogPlannsCompletely) && this.doShowPlannerReplaceMode() && ((_this$api$getViewConf3 = this.api.getViewConfig()) === null || _this$api$getViewConf3 === void 0 ? void 0 : _this$api$getViewConf3.allowAutoSwitchInReplaceFunctionInPlanner);
     }
   }, {
     key: "getHidePlanner",
     value: function getHidePlanner() {
-      var _this$actSet29;
-      return this.api.getHidePlanner() || !!((_this$actSet29 = this.actSet()) !== null && _this$actSet29 !== void 0 && _this$actSet29.CatalogData.useBoxPlanner);
+      var _this$actSet31;
+      return this.api.getHidePlanner() || !!((_this$actSet31 = this.actSet()) !== null && _this$actSet31 !== void 0 && _this$actSet31.CatalogData.useBoxPlanner);
     }
   }, {
     key: "getFilterForCheckoutButtons",
     value: function getFilterForCheckoutButtons() {
-      var _this$actSet$CatalogD, _this$actSet30;
-      return (_this$actSet$CatalogD = (_this$actSet30 = this.actSet()) === null || _this$actSet30 === void 0 ? void 0 : _this$actSet30.CatalogData.filterForCheckoutButtons) !== null && _this$actSet$CatalogD !== void 0 ? _this$actSet$CatalogD : [];
+      var _this$actSet$CatalogD, _this$actSet32;
+      return (_this$actSet$CatalogD = (_this$actSet32 = this.actSet()) === null || _this$actSet32 === void 0 ? void 0 : _this$actSet32.CatalogData.filterForCheckoutButtons) !== null && _this$actSet$CatalogD !== void 0 ? _this$actSet$CatalogD : [];
     }
   }, {
     key: "getAllowRTV",
     value: function getAllowRTV() {
-      var _this$state9, _this$actSet31, _this$state10, _this$actSet32;
+      var _this$state9, _this$actSet33, _this$state10, _this$actSet34;
       if (this.getEnableUnityRtvKombi()) return false;
       if ((_this$state9 = this.state) !== null && _this$state9 !== void 0 && _this$state9.organization.settings.forceRTV) return true;
-      if ((_this$actSet31 = this.actSet()) !== null && _this$actSet31 !== void 0 && _this$actSet31.CatalogData.divaForceRTV) return true;
-      if ((_this$state10 = this.state) !== null && _this$state10 !== void 0 && _this$state10.organization.settings.enableRTV && (_this$actSet32 = this.actSet()) !== null && _this$actSet32 !== void 0 && _this$actSet32.CatalogData.divaArReady) return true;
+      if ((_this$actSet33 = this.actSet()) !== null && _this$actSet33 !== void 0 && _this$actSet33.CatalogData.divaForceRTV) return true;
+      if ((_this$state10 = this.state) !== null && _this$state10 !== void 0 && _this$state10.organization.settings.enableRTV && (_this$actSet34 = this.actSet()) !== null && _this$actSet34 !== void 0 && _this$actSet34.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
     key: "getForceRTV",
     value: function getForceRTV() {
-      var _this$actSet33;
-      return !!((_this$actSet33 = this.actSet()) !== null && _this$actSet33 !== void 0 && _this$actSet33.CatalogData.divaForceRTV);
+      var _this$actSet35;
+      return !!((_this$actSet35 = this.actSet()) !== null && _this$actSet35 !== void 0 && _this$actSet35.CatalogData.divaForceRTV);
     }
   }, {
     key: "getPricePreview",
@@ -50418,29 +50633,29 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "hide2DPlanner",
     value: function hide2DPlanner() {
-      var _this$actSet34;
-      return (_this$actSet34 = this.actSet()) === null || _this$actSet34 === void 0 ? void 0 : _this$actSet34.CatalogData.hide2DPlanner;
+      var _this$actSet36;
+      return (_this$actSet36 = this.actSet()) === null || _this$actSet36 === void 0 ? void 0 : _this$actSet36.CatalogData.hide2DPlanner;
     }
   }, {
     key: "getAllowQRCodeAR",
     value: function getAllowQRCodeAR() {
-      var _this$actSet35;
-      if (this.api.enableAR && (_this$actSet35 = this.actSet()) !== null && _this$actSet35 !== void 0 && _this$actSet35.CatalogData.divaArReady) return true;
+      var _this$actSet37;
+      if (this.api.enableAR && (_this$actSet37 = this.actSet()) !== null && _this$actSet37 !== void 0 && _this$actSet37.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
     key: "getEnableUnityRtvKombi",
     value: function getEnableUnityRtvKombi() {
-      var _this$actSet36, _this$actSet37;
+      var _this$actSet38, _this$actSet39;
       // if force rtv disable unity kombi - biohort
-      if ((_this$actSet36 = this.actSet()) !== null && _this$actSet36 !== void 0 && _this$actSet36.CatalogData.divaForceRTV) return false;
-      return ((_this$actSet37 = this.actSet()) === null || _this$actSet37 === void 0 ? void 0 : _this$actSet37.CatalogData.divaArReady) == true && this.api.getEnableRTVUnityKombi();
+      if ((_this$actSet38 = this.actSet()) !== null && _this$actSet38 !== void 0 && _this$actSet38.CatalogData.divaForceRTV) return false;
+      return ((_this$actSet39 = this.actSet()) === null || _this$actSet39 === void 0 ? void 0 : _this$actSet39.CatalogData.divaArReady) == true && this.api.getEnableRTVUnityKombi();
     }
   }, {
     key: "getShelfPlannerRTV",
     value: function getShelfPlannerRTV() {
-      var _this$actSet38;
-      return (_this$actSet38 = this.actSet()) === null || _this$actSet38 === void 0 ? void 0 : _this$actSet38.CatalogData.useShelfPlannerRTV;
+      var _this$actSet40;
+      return (_this$actSet40 = this.actSet()) === null || _this$actSet40 === void 0 ? void 0 : _this$actSet40.CatalogData.useShelfPlannerRTV;
     }
   }, {
     key: "getBasketData",
@@ -50455,23 +50670,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getBasketDataWithEkText",
     value: function () {
-      var _getBasketDataWithEkText = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee34() {
-        return _regeneratorRuntime__default["default"].wrap(function _callee34$(_context34) {
-          while (1) switch (_context34.prev = _context34.next) {
+      var _getBasketDataWithEkText = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee35() {
+        return _regeneratorRuntime__default["default"].wrap(function _callee35$(_context35) {
+          while (1) switch (_context35.prev = _context35.next) {
             case 0:
-              _context34.t0 = this.divaBasketHandler;
-              _context34.t1 = this.divaBasketHandler.actDivaNr;
-              _context34.next = 4;
+              _context35.t0 = this.divaBasketHandler;
+              _context35.t1 = this.divaBasketHandler.actDivaNr;
+              _context35.next = 4;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, true, this.doAllowSetPlanner(), this.ReturnTo);
             case 4:
-              _context34.t2 = _context34.sent;
-              _context34.t0.setBasketData.call(_context34.t0, _context34.t1, _context34.t2);
-              return _context34.abrupt("return", this.divaBasketHandler.actBasket);
+              _context35.t2 = _context35.sent;
+              _context35.t0.setBasketData.call(_context35.t0, _context35.t1, _context35.t2);
+              return _context35.abrupt("return", this.divaBasketHandler.actBasket);
             case 7:
             case "end":
-              return _context34.stop();
+              return _context35.stop();
           }
-        }, _callee34, this);
+        }, _callee35, this);
       }));
       function getBasketDataWithEkText() {
         return _getBasketDataWithEkText.apply(this, arguments);
@@ -50481,8 +50696,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCatalogData",
     value: function getCatalogData() {
-      var _this$actSet39;
-      return (_this$actSet39 = this.actSet()) === null || _this$actSet39 === void 0 ? void 0 : _this$actSet39.CatalogData;
+      var _this$actSet41;
+      return (_this$actSet41 = this.actSet()) === null || _this$actSet41 === void 0 ? void 0 : _this$actSet41.CatalogData;
     }
   }, {
     key: "ReturnTo",
@@ -50497,18 +50712,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addToBasket",
     value: function () {
-      var _addToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee35(actBasket) {
-        var _this$actions36,
-          _this$actions37,
-          _this$actions38,
-          _this$actions39,
+      var _addToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee36(actBasket) {
+        var _this$actions39,
           _this$actions40,
-          _this$divaBasketHandl4,
-          _this4 = this,
           _this$actions41,
           _this$actions42,
           _this$actions43,
-          _this$actions44;
+          _this$divaBasketHandl4,
+          _this5 = this,
+          _this$actions44,
+          _this$actions45,
+          _this$actions46,
+          _this$actions47;
         var event,
           emailConfig,
           _emailConfig$to$split,
@@ -50516,44 +50731,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           to,
           variants,
           products,
-          _args35 = arguments;
-        return _regeneratorRuntime__default["default"].wrap(function _callee35$(_context35) {
-          while (1) switch (_context35.prev = _context35.next) {
+          _args36 = arguments;
+        return _regeneratorRuntime__default["default"].wrap(function _callee36$(_context36) {
+          while (1) switch (_context36.prev = _context36.next) {
             case 0:
-              event = _args35.length > 1 && _args35[1] !== undefined ? _args35[1] : 'onAddToBasket';
-              _context35.t0 = event;
-              _context35.next = _context35.t0 === 'onWebPlanerPrint' ? 4 : _context35.t0 === 'onWebPlanerSave' ? 6 : _context35.t0 === 'onWebPlanerShare' ? 8 : _context35.t0 === 'onRequestConsulation' ? 10 : _context35.t0 === 'onSave' ? 12 : _context35.t0 === 'onSendEmail' ? 14 : _context35.t0 === 'onSaveProduct' ? 19 : _context35.t0 === 'dontSaveBasket' ? 26 : _context35.t0 === 'onAddToBasket' ? 26 : 28;
+              event = _args36.length > 1 && _args36[1] !== undefined ? _args36[1] : 'onAddToBasket';
+              _context36.t0 = event;
+              _context36.next = _context36.t0 === 'onWebPlanerPrint' ? 4 : _context36.t0 === 'onWebPlanerSave' ? 6 : _context36.t0 === 'onWebPlanerShare' ? 8 : _context36.t0 === 'onRequestConsulation' ? 10 : _context36.t0 === 'onSave' ? 12 : _context36.t0 === 'onSendEmail' ? 14 : _context36.t0 === 'onSaveProduct' ? 19 : _context36.t0 === 'dontSaveBasket' ? 26 : _context36.t0 === 'onAddToBasket' ? 26 : 28;
               break;
             case 4:
-              (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.onEvent({
+              (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
                 type: 'onWebPlanerPrint',
                 data: actBasket.getAsJson()
               });
-              return _context35.abrupt("break", 30);
+              return _context36.abrupt("break", 30);
             case 6:
-              (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.onEvent({
+              (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.onEvent({
                 type: 'onWebPlanerSave',
                 data: actBasket.getAsJson()
               });
-              return _context35.abrupt("break", 30);
+              return _context36.abrupt("break", 30);
             case 8:
-              (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.onEvent({
+              (_this$actions41 = this.actions) === null || _this$actions41 === void 0 || _this$actions41.onEvent({
                 type: 'onWebPlanerShare',
                 data: actBasket.getAsJson()
               });
-              return _context35.abrupt("break", 30);
+              return _context36.abrupt("break", 30);
             case 10:
-              (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
+              (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.onEvent({
                 type: 'onRequestConsulation',
                 data: actBasket.getAsJson()
               });
-              return _context35.abrupt("break", 30);
+              return _context36.abrupt("break", 30);
             case 12:
-              (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.onEvent({
+              (_this$actions43 = this.actions) === null || _this$actions43 === void 0 || _this$actions43.onEvent({
                 type: 'onSave',
                 data: actBasket.getAsJson()
               });
-              return _context35.abrupt("break", 30);
+              return _context36.abrupt("break", 30);
             case 14:
               emailConfig = (_this$divaBasketHandl4 = this.divaBasketHandler.emailConfig) !== null && _this$divaBasketHandl4 !== void 0 ? _this$divaBasketHandl4 : this.getEmailConfig(); //reset the emailConfig
               this.divaBasketHandler.emailConfig = undefined;
@@ -50570,8 +50785,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 })) !== null && _emailConfig$to$split !== void 0 ? _emailConfig$to$split : [''];
                 variants = emailConfig.variant ? emailConfig.variant.split(',') : ['DEFAULT'];
                 variants.forEach(function (variant, idx) {
-                  var _this4$actions;
-                  (_this4$actions = _this4.actions) === null || _this4$actions === void 0 || _this4$actions.sendEmail({
+                  var _this5$actions;
+                  (_this5$actions = _this5.actions) === null || _this5$actions === void 0 || _this5$actions.sendEmail({
                     showDialog: emailConfig.showDialog,
                     callback: emailConfig.callback,
                     content: {
@@ -50584,45 +50799,45 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   });
                 });
               }
-              (_this$actions41 = this.actions) === null || _this$actions41 === void 0 || _this$actions41.onEvent({
+              (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context35.abrupt("break", 30);
+              return _context36.abrupt("break", 30);
             case 19:
               this.actSet().CatalogData;
-              _context35.next = 22;
+              _context36.next = 22;
               return this.api.saveAsProduct(this.sets, actBasket);
             case 22:
-              products = _context35.sent;
-              (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.onEvent({
+              products = _context36.sent;
+              (_this$actions45 = this.actions) === null || _this$actions45 === void 0 || _this$actions45.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
               if (!products) {
-                _context35.next = 26;
+                _context36.next = 26;
                 break;
               }
-              return _context35.abrupt("return", products[0]);
+              return _context36.abrupt("return", products[0]);
             case 26:
-              (_this$actions43 = this.actions) === null || _this$actions43 === void 0 || _this$actions43.onEvent({
+              (_this$actions46 = this.actions) === null || _this$actions46 === void 0 || _this$actions46.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context35.abrupt("break", 30);
+              return _context36.abrupt("break", 30);
             case 28:
-              (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.onEvent({
+              (_this$actions47 = this.actions) === null || _this$actions47 === void 0 || _this$actions47.onEvent({
                 type: event,
                 data: actBasket.getAsJson()
               });
-              return _context35.abrupt("break", 30);
+              return _context36.abrupt("break", 30);
             case 30:
-              return _context35.abrupt("return");
+              return _context36.abrupt("return");
             case 31:
             case "end":
-              return _context35.stop();
+              return _context36.stop();
           }
-        }, _callee35, this);
+        }, _callee36, this);
       }));
       function addToBasket(_x90) {
         return _addToBasket.apply(this, arguments);
@@ -50632,8 +50847,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "openPDFpostAsEvent",
     value: function openPDFpostAsEvent(mongoDBId) {
-      var _this$actions45, _this$actions46, _this$actions47;
-      (_this$actions45 = this.actions) === null || _this$actions45 === void 0 || _this$actions45.updateBreadcrumbs({
+      var _this$actions48, _this$actions49, _this$actions50;
+      (_this$actions48 = this.actions) === null || _this$actions48 === void 0 || _this$actions48.updateBreadcrumbs({
         type: 'update',
         param: {
           groupId: 'SHOWROOM',
@@ -50647,7 +50862,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }
       });
-      (_this$actions46 = this.actions) === null || _this$actions46 === void 0 || _this$actions46.updateBreadcrumbs({
+      (_this$actions49 = this.actions) === null || _this$actions49 === void 0 || _this$actions49.updateBreadcrumbs({
         type: 'update',
         param: {
           groupId: 'SHOWROOM',
@@ -50661,7 +50876,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }
       });
-      (_this$actions47 = this.actions) === null || _this$actions47 === void 0 || _this$actions47.openComponent({
+      (_this$actions50 = this.actions) === null || _this$actions50 === void 0 || _this$actions50.openComponent({
         type: 'REPORT',
         parameters: {
           id: mongoDBId
@@ -50679,26 +50894,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCurrentBasket",
     value: function () {
-      var _getCurrentBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee36(event, force, returnTo, dontGoToSummary, hideLoading) {
-        var _this$actSet40, _this$divaBasketHandl5, _this$onClickAddToBas3;
-        return _regeneratorRuntime__default["default"].wrap(function _callee36$(_context36) {
-          while (1) switch (_context36.prev = _context36.next) {
+      var _getCurrentBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee37(event, force, returnTo, dontGoToSummary, hideLoading) {
+        var _this$actSet42, _this$divaBasketHandl5, _this$view94;
+        return _regeneratorRuntime__default["default"].wrap(function _callee37$(_context37) {
+          while (1) switch (_context37.prev = _context37.next) {
             case 0:
-              if (!(this.divaBasketHandler.basketWasSavedWithCurrentDocVersion && ((_this$actSet40 = this.actSet()) === null || _this$actSet40 === void 0 ? void 0 : _this$actSet40.setHash) === ((_this$divaBasketHandl5 = this.divaBasketHandler.actBasket) === null || _this$divaBasketHandl5 === void 0 || (_this$divaBasketHandl5 = _this$divaBasketHandl5.OrderSets) === null || _this$divaBasketHandl5 === void 0 ? void 0 : _this$divaBasketHandl5[0].SetHash) && !(returnTo !== null && returnTo !== void 0 && returnTo.includes('OPEN')))) {
-                _context36.next = 2;
+              if (!(this.divaBasketHandler.basketWasSavedWithCurrentDocVersion && ((_this$actSet42 = this.actSet()) === null || _this$actSet42 === void 0 ? void 0 : _this$actSet42.setHash) === ((_this$divaBasketHandl5 = this.divaBasketHandler.actBasket) === null || _this$divaBasketHandl5 === void 0 || (_this$divaBasketHandl5 = _this$divaBasketHandl5.OrderSets) === null || _this$divaBasketHandl5 === void 0 ? void 0 : _this$divaBasketHandl5[0].SetHash) && !(returnTo !== null && returnTo !== void 0 && returnTo.includes('OPEN')))) {
+                _context37.next = 2;
                 break;
               }
-              return _context36.abrupt("return", 'BASKET_ALREADY_SAVED');
+              return _context37.abrupt("return", 'BASKET_ALREADY_SAVED');
             case 2:
-              _context36.next = 4;
-              return (_this$onClickAddToBas3 = this.onClickAddToBasket) === null || _this$onClickAddToBas3 === void 0 ? void 0 : _this$onClickAddToBas3.call(this, undefined, event, force, returnTo, dontGoToSummary, hideLoading);
+              _context37.next = 4;
+              return (_this$view94 = this.view) === null || _this$view94 === void 0 ? void 0 : _this$view94.onClickAddToBasket(undefined, event, force, returnTo, dontGoToSummary, hideLoading);
             case 4:
-              return _context36.abrupt("return", !!_context36.sent);
+              return _context37.abrupt("return", !!_context37.sent);
             case 5:
             case "end":
-              return _context36.stop();
+              return _context37.stop();
           }
-        }, _callee36, this);
+        }, _callee37, this);
       }));
       function getCurrentBasket(_x91, _x92, _x93, _x94, _x95) {
         return _getCurrentBasket.apply(this, arguments);
@@ -50706,43 +50921,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       return getCurrentBasket;
     }()
     /*********************************END Functions in Logik called From View END *************************************/
-    /*********************************** Register Funictions from Logik to View ***************************************/
-  }, {
-    key: "registerInitPlannerView",
-    value: function registerInitPlannerView(initPlannerView) {
-      this.initPlannerView = initPlannerView;
-    }
-  }, {
-    key: "registerInitApiDependencies",
-    value: function registerInitApiDependencies(initApiDependencies) {
-      this.initViewApiDependencies = initApiDependencies;
-    }
+    /*********************************** View attachment (Logik -> View) ***************************************/
+    /** True while a view is attached; false = headless (backoffice DIVA agent, artifact passes). */
   }, {
-    key: "registerUpdatePlannerMsgContainer",
-    value: function registerUpdatePlannerMsgContainer(updatePlannerMsgContainer) {
-      this.updatePlannerMsgContainer = updatePlannerMsgContainer;
-    }
-  }, {
-    key: "registerInitConfiguratorMode",
-    value: function registerInitConfiguratorMode(initConfiguratorMode) {
-      this.initConfiguratorMode = initConfiguratorMode;
-    }
-  }, {
-    key: "registerUpdateFullScreenRendering",
-    value: function registerUpdateFullScreenRendering(updateFullscreenRendering) {
-      this.updateFullscreenRendering = updateFullscreenRendering;
+    key: "isViewAttached",
+    get: function get() {
+      return !!this.view;
     }
+
+    /** Attach the view (initial mount or adoption of an existing, possibly headless instance). */
   }, {
-    key: "registerUpdateSetImage",
-    value: function registerUpdateSetImage(updateSetImage) {
-      this.updateSetImage = updateSetImage;
+    key: "attachView",
+    value: function attachView(view) {
+      this.view = view;
     }
 
-    // Planner 3D / 2D
+    /** Detach the view; the instance keeps working headless and can be re-attached later. */
   }, {
-    key: "registerGetPlannerRenderingSize",
-    value: function registerGetPlannerRenderingSize(getPlannerRenderingSize) {
-      this.getPlannerRenderingSize = getPlannerRenderingSize;
+    key: "detachView",
+    value: function detachView() {
+      this.view = undefined;
     }
 
     /** See {@link DivaPlannerHandler.strictArtifactGeneration}. Auto-propagates. */
@@ -50753,187 +50951,40 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       this.strictArtifactGeneration = value;
       (_this$plannerHandler4 = this.plannerHandler) === null || _this$plannerHandler4 === void 0 || (_this$plannerHandler5 = _this$plannerHandler4.setStrictArtifactGeneration) === null || _this$plannerHandler5 === void 0 || _this$plannerHandler5.call(_this$plannerHandler4, value);
     }
-  }, {
-    key: "registerGetDoShow3DDimensionLines",
-    value: function registerGetDoShow3DDimensionLines(getDoShow3DDimensionLines) {
-      this.getDoShow3DDimensionLines = getDoShow3DDimensionLines;
-    }
-  }, {
-    key: "registerGetCurrentAlternativRendering",
-    value: function registerGetCurrentAlternativRendering(getCurrentAlternativRendering) {
-      this.getCurrentAlternativRendering = getCurrentAlternativRendering;
-    }
-  }, {
-    key: "registerUpdatePlanner3DImage",
-    value: function registerUpdatePlanner3DImage(updatePlanner3DImage) {
-      this.updatePlanner3DImage = updatePlanner3DImage;
-    }
-  }, {
-    key: "registerSetRotationOrbitCube",
-    value: function registerSetRotationOrbitCube(setRotationOrbitCube) {
-      this.setRotationOrbitCube = setRotationOrbitCube;
-    }
-  }, {
-    key: "registerGetCanvas2DAsJPG",
-    value: function registerGetCanvas2DAsJPG(getCanvas2DAsJPG) {
-      this.getCanvas2DAsJPG = getCanvas2DAsJPG;
-    }
-  }, {
-    key: "registerUpdatePlanner2DGrid",
-    value: function registerUpdatePlanner2DGrid(updatePlanner2DGrid) {
-      this.updatePlanner2DGrid = updatePlanner2DGrid;
-    }
-  }, {
-    key: "registerGetCurPlannerViewMode",
-    value: function registerGetCurPlannerViewMode(getCurPlannerViewMode) {
-      this.getCurPlannerViewMode = getCurPlannerViewMode;
-    }
-  }, {
-    key: "registerGetInitPlannerViewMode",
-    value: function registerGetInitPlannerViewMode(getInitPlannerViewMode) {
-      this.getInitPlannerViewMode = getInitPlannerViewMode;
-    }
-    //Navigation
-  }, {
-    key: "registerNavigateToTabGroup",
-    value: function registerNavigateToTabGroup(navigateToTabGroup) {
-      this.navigateToTabGroup = navigateToTabGroup;
-    }
-  }, {
-    key: "registerNavigateToConfigStep",
-    value: function registerNavigateToConfigStep(navigateToConfigStep) {
-      this.navigateToConfigStep = navigateToConfigStep;
-    }
-
-    //Config Structure
-  }, {
-    key: "registerInitConfiguratorStructure",
-    value: function registerInitConfiguratorStructure(initConfiguratorStructure) {
-      this.initConfiguratorStructure = initConfiguratorStructure;
-    }
-  }, {
-    key: "registerOnBasketInitialized",
-    value: function registerOnBasketInitialized(onBasketInitialized) {
-      this.onBasketInitialized = onBasketInitialized;
-    }
-  }, {
-    key: "registerUpdateConfiguratorStructure",
-    value: function registerUpdateConfiguratorStructure(updateConfiguratorStructure) {
-      this.updateConfiguratorStructure = updateConfiguratorStructure;
-    }
-  }, {
-    key: "registerSetWebConifguratorTitle",
-    value: function registerSetWebConifguratorTitle(setWebConifguratorTitle) {
-      this.setWebConifguratorTitle = setWebConifguratorTitle;
-    }
 
-    //Paletten
-  }, {
-    key: "registerUpdateCatalogPlannerArticles",
-    value: function registerUpdateCatalogPlannerArticles(updateCatalogPlannerArticles) {
-      this.updateCatalogPlannerArticles = updateCatalogPlannerArticles;
-    }
-  }, {
-    key: "registerUpdateCatalogPlanner2Dot0Articles",
-    value: function registerUpdateCatalogPlanner2Dot0Articles(updateCatalogPlanner2Dot0Articles) {
-      this.updateCatalogPlanner2Dot0Articles = updateCatalogPlanner2Dot0Articles;
-    }
-  }, {
-    key: "registerUpdateAccessoiresPalette",
-    value: function registerUpdateAccessoiresPalette(updateAccessoiresPalette) {
-      this.updateAccessoiresPalette = updateAccessoiresPalette;
-    }
-  }, {
-    key: "registerUpdatePaletteInfos",
-    value: function registerUpdatePaletteInfos(updatePaletteInfos) {
-      this.updatePaletteInfos = updatePaletteInfos;
-    }
-  }, {
-    key: "registerUpdateBBox",
-    value: function registerUpdateBBox(updateBBox) {
-      this.updateBBox = updateBBox;
-    }
-  }, {
-    key: "registerUpdateElementSelectionConfig",
-    value: function registerUpdateElementSelectionConfig(updateElementSelectionConfig) {
-      this.updateElementSelectionConfig = updateElementSelectionConfig;
-    }
-  }, {
-    key: "registerUpdateElementSelectionPlanner",
-    value: function registerUpdateElementSelectionPlanner(updateElementSelectionPlanner, somethingChanged) {
-      this.updateElementSelectionPlanner = updateElementSelectionPlanner;
-    }
-  }, {
-    key: "registerUpdatePlannerElements",
-    value: function registerUpdatePlannerElements(updatePlannerElements) {
-      this.updateViewPlannerElements = updatePlannerElements;
-    }
-  }, {
-    key: "registerUpdateConfigItems",
-    value: function registerUpdateConfigItems(updateConfigItems) {
-      this.updateConfigItems = updateConfigItems;
-    }
-  }, {
-    key: "registerUpdateSummaryItems",
-    value: function registerUpdateSummaryItems(updateSummaryItems) {
-      this.updateSummaryItems = updateSummaryItems;
-    }
-  }, {
-    key: "registerUpdateStaticRoomListItems",
-    value: function registerUpdateStaticRoomListItems(updateStaticRoomListItems) {
-      this.updateStaticRoomListItems = updateStaticRoomListItems;
-    }
-  }, {
-    key: "registerUpdateShelfPlannerItems",
-    value: function registerUpdateShelfPlannerItems(updateShelfPlannerItems) {
-      this.updateShelfPlannerItems = updateShelfPlannerItems;
-    }
-  }, {
-    key: "registerUpdateShelfPlannerGrids",
-    value: function registerUpdateShelfPlannerGrids(updateFreePlacesOnGrids) {
-      this.updateFreePlacesOnGrids = updateFreePlacesOnGrids;
-    }
-  }, {
-    key: "registerUpdateDoorPlannerItems",
-    value: function registerUpdateDoorPlannerItems(updateDoorPlannerItems) {
-      this.updateDoorPlannerItems = updateDoorPlannerItems;
-    }
-  }, {
-    key: "registerUpdatePrice",
-    value: function registerUpdatePrice(updatePrice) {
-      this.updatePrice = updatePrice;
-    }
-  }, {
-    key: "registerUpdateViewButtonsDependigOnConfigStructure",
-    value: function registerUpdateViewButtonsDependigOnConfigStructure(updateViewButtonsDependigOnConfigStructure) {
-      this.updateViewButtonsDependigOnConfigStructure = updateViewButtonsDependigOnConfigStructure;
-    }
+    /**
+     * Bring the view to a config step (and optionally one option value): the view does the
+     * actual navigation/scrolling. Used by the diva agent after it drives the configuration.
+     * No-op when headless.
+     */
   }, {
-    key: "registerOnClickAddToBasket",
-    value: function registerOnClickAddToBasket(onClickAddToBasket) {
-      this.onClickAddToBasket = onClickAddToBasket;
+    key: "revealConfigStepInView",
+    value: function revealConfigStepInView(configStepKey, optionValueCodex) {
+      var _this$view95, _this$view96;
+      (_this$view95 = this.view) === null || _this$view95 === void 0 || _this$view95.navigateToConfigStep(configStepKey, false);
+      if (optionValueCodex) (_this$view96 = this.view) === null || _this$view96 === void 0 || _this$view96.scrollToOptionValueInView(configStepKey, optionValueCodex);
     }
 
     /***********************************Outside events the webPlanner subscribes to ******************************************/
   }, {
     key: "subscribeToWebPlannerEvents",
     value: function subscribeToWebPlannerEvents() {
-      var _this$actions48;
-      (_this$actions48 = this.actions) === null || _this$actions48 === void 0 || _this$actions48.subscribeEvents(this.addToBasketEventFunction);
+      var _this$actions51;
+      (_this$actions51 = this.actions) === null || _this$actions51 === void 0 || _this$actions51.subscribeEvents(this.addToBasketEventFunction);
     }
   }, {
     key: "unsubscribeFromWebPlannerEvents",
     value: function unsubscribeFromWebPlannerEvents() {
-      var _this$actions49;
-      (_this$actions49 = this.actions) === null || _this$actions49 === void 0 || _this$actions49.unSubscribeEvents(this.addToBasketEventFunction);
+      var _this$actions52;
+      (_this$actions52 = this.actions) === null || _this$actions52 === void 0 || _this$actions52.unSubscribeEvents(this.addToBasketEventFunction);
     }
   }, {
     key: "initApiForLogicOnly",
     value: //just for testing purposes
     function () {
-      var _initApiForLogicOnly = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee37(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
-        return _regeneratorRuntime__default["default"].wrap(function _callee37$(_context37) {
-          while (1) switch (_context37.prev = _context37.next) {
+      var _initApiForLogicOnly = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee38(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee38$(_context38) {
+          while (1) switch (_context38.prev = _context38.next) {
             case 0:
               //empty services
               this.api = new DivaApiHandler(_objectSpread$8(_objectSpread$8({}, this.plannerConfig), {}, {
@@ -50946,16 +50997,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 jwt: jwt,
                 apiKey: apiKey
               }), handler);
-              _context37.next = 3;
+              _context38.next = 3;
               return this.divaBasketHandler.initWWSClient(this.api.getWWSClient());
             case 3:
               this.plannerHandler = new DivaPlannerHandler(true);
               if (this.strictArtifactGeneration) this.plannerHandler.setStrictArtifactGeneration(true);
             case 5:
             case "end":
-              return _context37.stop();
+              return _context38.stop();
           }
-        }, _callee37, this);
+        }, _callee38, this);
       }));
       function initApiForLogicOnly(_x96, _x97, _x98, _x99, _x100, _x101, _x102) {
         return _initApiForLogicOnly.apply(this, arguments);
@@ -50970,16 +51021,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "loadBasket",
     value: function () {
-      var _loadBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee38() {
-        return _regeneratorRuntime__default["default"].wrap(function _callee38$(_context38) {
-          while (1) switch (_context38.prev = _context38.next) {
+      var _loadBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee39() {
+        return _regeneratorRuntime__default["default"].wrap(function _callee39$(_context39) {
+          while (1) switch (_context39.prev = _context39.next) {
             case 0:
-              return _context38.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
+              return _context39.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
             case 1:
             case "end":
-              return _context38.stop();
+              return _context39.stop();
           }
-        }, _callee38, this);
+        }, _callee39, this);
       }));
       function loadBasket() {
         return _loadBasket.apply(this, arguments);
@@ -50994,39 +51045,39 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee39(init3D, ignoreFavorites) {
+      var _initBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee40(init3D, ignoreFavorites) {
         var initSetState, set, basket;
-        return _regeneratorRuntime__default["default"].wrap(function _callee39$(_context39) {
-          while (1) switch (_context39.prev = _context39.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee40$(_context40) {
+          while (1) switch (_context40.prev = _context40.next) {
             case 0:
               this.divaNr = this.divaBasketHandler.actDivaNr;
               initSetState = this.getInitStateForSet(!init3D);
-              _context39.next = 4;
+              _context40.next = 4;
               return this.plannerHandler.initPlanner(initSetState, this.getPlannerHandlerFunctions());
             case 4:
-              _context39.next = 6;
+              _context40.next = 6;
               return setHandlerInstance.initSetsByOrderSet(this.divaBasketHandler.getOrderSetsByDivaNr(this.divaNr), initSetState);
             case 6:
               //TODO check if when basket gets repaired the product match gets called
               set = this.actSet();
               setHandlerInstance.loadConfigStructureOfActSet(set, this.getCurPlannerType());
               if (!(favoritesHandlerInstance.FavoritesDefined(set) && !ignoreFavorites)) {
-                _context39.next = 11;
+                _context40.next = 11;
                 break;
               }
-              _context39.next = 11;
+              _context40.next = 11;
               return this.handleFavorites(init3D ? 'CALC' : 'REPAIR');
             case 11:
-              _context39.next = 13;
+              _context40.next = 13;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, !init3D, this.doAllowSetPlanner(), this.ReturnTo);
             case 13:
-              basket = _context39.sent;
-              return _context39.abrupt("return", basket);
+              basket = _context40.sent;
+              return _context40.abrupt("return", basket);
             case 15:
             case "end":
-              return _context39.stop();
+              return _context40.stop();
           }
-        }, _callee39, this);
+        }, _callee40, this);
       }));
       function initBasket(_x103, _x104) {
         return _initBasket.apply(this, arguments);
@@ -51036,9 +51087,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getFavoriteAiRoomKeysFromSet",
     value: function getFavoriteAiRoomKeysFromSet() {
-      var _this$actSet41;
+      var _this$actSet43;
       var orderSets = this.divaBasketHandler.getOrderSetsByDivaNr(this.divaNr);
-      var actSetId = (_this$actSet41 = this.actSet()) === null || _this$actSet41 === void 0 ? void 0 : _this$actSet41.getSetId();
+      var actSetId = (_this$actSet43 = this.actSet()) === null || _this$actSet43 === void 0 ? void 0 : _this$actSet43.getSetId();
       var orderSet = orderSets.find(function (os) {
         return os.SetID === actSetId;
       });
@@ -51065,21 +51116,21 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getValidVariantsLength",
     value: function () {
-      var _getValidVariantsLength = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee40() {
+      var _getValidVariantsLength = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee41() {
         var set;
-        return _regeneratorRuntime__default["default"].wrap(function _callee40$(_context40) {
-          while (1) switch (_context40.prev = _context40.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee41$(_context41) {
+          while (1) switch (_context41.prev = _context41.next) {
             case 0:
               set = this.actSet();
-              _context40.next = 3;
+              _context41.next = 3;
               return favoritesHandlerInstance.getValidVariants(set, true);
             case 3:
-              return _context40.abrupt("return", _context40.sent.length);
+              return _context41.abrupt("return", _context41.sent.length);
             case 4:
             case "end":
-              return _context40.stop();
+              return _context41.stop();
           }
-        }, _callee40, this);
+        }, _callee41, this);
       }));
       function getValidVariantsLength() {
         return _getValidVariantsLength.apply(this, arguments);
@@ -51089,44 +51140,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee41(mode) {
-        var _this5 = this;
+      var _handleFavorites = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee42(mode) {
+        var _this6 = this;
         var set, i;
-        return _regeneratorRuntime__default["default"].wrap(function _callee41$(_context41) {
-          while (1) switch (_context41.prev = _context41.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee42$(_context42) {
+          while (1) switch (_context42.prev = _context42.next) {
             case 0:
               set = this.actSet();
               i = 0;
             case 2:
               if (!favoritesHandlerInstance.IsCalcForSummary) {
-                _context41.next = 11;
+                _context42.next = 11;
                 break;
               }
-              _context41.next = 5;
+              _context42.next = 5;
               return DivaUtils__default["default"].Sleep(200);
             case 5:
               i++;
               if (!(i > 1000)) {
-                _context41.next = 9;
+                _context42.next = 9;
                 break;
               }
               LOG$2.error(new DivaUtils.DivaError('error on generating Variants of Summary'));
-              return _context41.abrupt("break", 11);
+              return _context42.abrupt("break", 11);
             case 9:
-              _context41.next = 2;
+              _context42.next = 2;
               break;
             case 11:
-              _context41.next = 13;
+              _context42.next = 13;
               return favoritesHandlerInstance.handleFavorites(set, mode, this.divaBasketHandler.actBasket, this.saveToBasketWrapper.bind(this), this.doConfigure.bind(this), function () {
-                return _this5.update2DGrid(set);
+                return _this6.update2DGrid(set);
               }, this.actions);
             case 13:
-              return _context41.abrupt("return", _context41.sent);
+              return _context42.abrupt("return", _context42.sent);
             case 14:
             case "end":
-              return _context41.stop();
+              return _context42.stop();
           }
-        }, _callee41, this);
+        }, _callee42, this);
       }));
       function handleFavorites(_x105) {
         return _handleFavorites.apply(this, arguments);
@@ -51141,46 +51192,46 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initSapOrderLinesFromBasket",
     value: function () {
-      var _initSapOrderLinesFromBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee42(divaNr, init3D, onlyLoadOldBakset) {
+      var _initSapOrderLinesFromBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee43(divaNr, init3D, onlyLoadOldBakset) {
         var result, oldBasket, basket;
-        return _regeneratorRuntime__default["default"].wrap(function _callee42$(_context42) {
-          while (1) switch (_context42.prev = _context42.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee43$(_context43) {
+          while (1) switch (_context43.prev = _context43.next) {
             case 0:
               if (divaNr) this.divaBasketHandler.updateDivaNrInBasket(divaNr);
-              _context42.next = 3;
+              _context43.next = 3;
               return this.loadBasket();
             case 3:
-              result = _context42.sent;
+              result = _context43.sent;
               if (!onlyLoadOldBakset) {
-                _context42.next = 6;
+                _context43.next = 6;
                 break;
               }
-              return _context42.abrupt("return", {
+              return _context43.abrupt("return", {
                 oldBasket: new basketModel.BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket))),
                 cache: {}
               });
             case 6:
               if (!(result === false)) {
-                _context42.next = 8;
+                _context43.next = 8;
                 break;
               }
               throw new Error('Could not load basket! ' + divaNr);
             case 8:
               oldBasket = new basketModel.BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket)));
-              _context42.next = 11;
+              _context43.next = 11;
               return this.initBasket(init3D);
             case 11:
-              basket = _context42.sent;
-              return _context42.abrupt("return", {
+              basket = _context43.sent;
+              return _context43.abrupt("return", {
                 basket: basket,
                 oldBasket: oldBasket,
                 cache: this.api.getJsonDataCache()
               });
             case 13:
             case "end":
-              return _context42.stop();
+              return _context43.stop();
           }
-        }, _callee42, this);
+        }, _callee43, this);
       }));
       function initSapOrderLinesFromBasket(_x106, _x107, _x108) {
         return _initSapOrderLinesFromBasket.apply(this, arguments);
@@ -51393,45 +51444,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       this.i18n = function () {
         return undefined;
       };
-      this.initPlannerView = undefined;
-      this.initConfiguratorMode = undefined;
-      this.initConfiguratorStructure = undefined;
-      this.updateConfiguratorStructure = undefined;
-      this.navigateToTabGroup = undefined;
-      this.navigateToConfigStep = undefined;
-      this.updateCatalogPlannerArticles = undefined;
-      this.updateCatalogPlanner2Dot0Articles = undefined;
-      this.updateAccessoiresPalette = undefined;
-      this.setWebConifguratorTitle = undefined;
-      this.onBasketInitialized = undefined;
-      this.updateConfigItems = undefined;
-      this.updatePaletteInfos = undefined;
-      this.updateViewPlannerElements = undefined;
-      this.updateElementSelectionConfig = undefined;
-      this.updateElementSelectionPlanner = undefined;
-      this.getCurPlannerViewMode = undefined;
-      this.getInitPlannerViewMode = undefined;
-      this.updatePlanner3DImage = undefined;
-      this.setRotationOrbitCube = undefined;
-      this.getCanvas2DAsJPG = undefined;
-      this.updatePlannerMsgContainer = undefined;
-      this.updateFullscreenRendering = undefined;
-      this.updateSetImage = undefined;
-      this.getDoShow3DDimensionLines = undefined;
-      this.getCurrentAlternativRendering = undefined;
-      this.updatePlanner2DGrid = undefined;
-      this.getPlannerRenderingSize = undefined;
-      this.updateSummaryItems = undefined;
-      this.updateStaticRoomListItems = undefined;
-      this.updateShelfPlannerItems = undefined;
-      this.updateFreePlacesOnGrids = undefined;
-      this.updateDoorPlannerItems = undefined;
-      this.updatePrice = undefined;
-      this.onClickAddToBasket = undefined;
-      this.updateViewButtonsDependigOnConfigStructure = undefined;
-      this.initViewApiDependencies = undefined;
-      this.setHQRenderScript = undefined;
-      this.setCamInfo = undefined;
+      this.detachView();
     }
   }]);
 }();
@@ -53647,6 +53660,36 @@ var Grid = /*#__PURE__*/function () {
     set: function set(val) {
       this.disabledByRule = val;
     }
+  }, {
+    key: "HeightGridCellCountOnRule",
+    get: function get() {
+      return this.heightGridCellCountOnRule;
+    }
+  }, {
+    key: "CurrentLoadedRuleIndex",
+    get: function get() {
+      return this.currentLoadedRuleIndex;
+    }
+  }, {
+    key: "MaxAccessoireInGridCounter",
+    get: function get() {
+      return this.maxAccessoireInGridCounter;
+    }
+  }, {
+    key: "ExcludeAccessoiresByAccessoiresInGrid",
+    get: function get() {
+      return this.excludeAccessoiresByAccessoiresInGrid;
+    }
+  }, {
+    key: "InfluencedByNeighborGrids",
+    get: function get() {
+      return this.influencedByNeighborGrids;
+    }
+  }, {
+    key: "InfluencedByOverlappingGrids",
+    get: function get() {
+      return this.influencedByOverlappingGrids;
+    }
   }, {
     key: "DisableCellsByMeasures",
     get: function get() {
@@ -53942,20 +53985,13 @@ var PlannerElementData = /*#__PURE__*/function () {
   }, {
     key: "WorldPosCenterIgnoreOLF",
     get: function get() {
-      // OLT offset (oltLeft, oltTop) is relative to OLF origin - use OLF corner when we have OLF dimensions
-      var baseCorner;
-      if (this.HasOLFPolygon && this.planElement.olfWidth != null && this.planElement.olfDepth != null) {
-        var olfW = this.planElement.olfWidth / DivaUtils__default["default"].UnitRecalc;
-        var olfD = this.planElement.olfDepth / DivaUtils__default["default"].UnitRecalc;
-        var olfCornerDir = new Vector2(-olfW / 2, -olfD / 2);
-        olfCornerDir = Vector2.rotateOrigin(olfCornerDir, this.planElement.rotDeg);
-        baseCorner = new Vector3(this.planElement.worldPosCenter.x + olfCornerDir.x, this.planElement.worldPosCenter.y, this.planElement.worldPosCenter.z + olfCornerDir.y);
-      } else {
-        baseCorner = this.WorldPosCorner;
-      }
+      // oltLeft/oltTop are measured from the OLF corner, so that corner is the base; without an
+      // OLF the getter falls back to WorldPosCorner on its own.
+      var olfCorner = this.getWorldPosCornerOLF();
       var centerDir = new Vector2(this.planElement.oltLeft + this.planElement.oltWidth / 2.0, this.planElement.oltTop + this.planElement.oltDepth / 2.0);
       centerDir = Vector2.rotateOrigin(centerDir, this.planElement.rotDeg);
-      return new Vector3(baseCorner.x + centerDir.x, this.WorldPosCenter.y, baseCorner.z + centerDir.y);
+      var worldPosCornerIgnoreOLF = new Vector3(olfCorner.x + centerDir.x, this.WorldPosCenter.y, olfCorner.z + centerDir.y);
+      return worldPosCornerIgnoreOLF;
     }
 
     /**
@@ -71629,7 +71665,7 @@ function runHeadlessArtifactPassBatch(_x2) {
 }
 function _runHeadlessArtifactPassBatch() {
   _runHeadlessArtifactPassBatch = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(params) {
-    var _params$lang, _params$timeoutMs, _planner$setStrictArt;
+    var _params$lang, _params$timeoutMs;
     var lang, timeoutMs, firstBasket, configState, planner, entries, connectionInitialized, _iterator, _step, product, _params$onProductFail, _loop, i;
     return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
@@ -71653,15 +71689,13 @@ function _runHeadlessArtifactPassBatch() {
             loginMode: 'offline'
           };
           planner = new DivaWebPlanner(configState);
-          planner.registerGetPlannerRenderingSize(function () {
-            return {
-              imgWidth: 1920,
-              imgHeight: 1080
-            };
-          });
+          planner.headlessRenderingSize = {
+            imgWidth: 1920,
+            imgHeight: 1080
+          };
           // Strict mode: fail rather than persist a basket missing its 3D image /
           // HQ render script on a render-farm timeout.
-          (_planner$setStrictArt = planner.setStrictArtifactGeneration) === null || _planner$setStrictArt === void 0 || _planner$setStrictArt.call(planner, true);
+          planner.setStrictArtifactGeneration(true);
           entries = [];
           connectionInitialized = false;
           _context4.prev = 11;