@crystaldesign/web-planner-logic 26.11.0-beta.4 → 26.11.0-beta.6

package/build/cjs/{index-d63749e4.js → index-4d03ec37.js}

@@ -18,6 +18,7 @@ var _inherits = require('@babel/runtime/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime/helpers/wrapNativeSuper');
 var BasketHandler = require('@crystaldesign/basket-handler');
 var io = require('socket.io-client');
+require('@crystaldesign/planner-2d-core');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29926,7 +29927,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-1dde2d7c.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-74fc1d98.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -38021,7 +38022,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-1719cbe1.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-9ec349b2.js'); });
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -42347,19 +42348,22 @@ var DivaSetHandler = /*#__PURE__*/function () {
           while (1) switch (_context45.prev = _context45.next) {
             case 0:
               urlToPlanning2D = undefined;
-              planning2DAsJPGBase64 = set.getPlanning2DAsJpg();
+              _context45.next = 3;
+              return set.getPlanning2DAsJpg();
+            case 3:
+              planning2DAsJPGBase64 = _context45.sent;
               if (!(planning2DAsJPGBase64 != undefined && planning2DAsJPGBase64 != '' && planning2DAsJPGBase64 != 'data:,')) {
-                _context45.next = 7;
+                _context45.next = 9;
                 break;
               }
               fileName = this.getPendingUploadFileName(basketData, set.getSetId(), 'planning2D', 'jpg', variantId);
-              _context45.next = 6;
+              _context45.next = 8;
               return set.plannerHandler.saveSet2DImage(basketData, set.getSetId(), planning2DAsJPGBase64, fileName, variantId);
-            case 6:
+            case 8:
               urlToPlanning2D = _context45.sent;
-            case 7:
+            case 9:
               return _context45.abrupt("return", urlToPlanning2D);
-            case 8:
+            case 10:
             case "end":
               return _context45.stop();
           }
@@ -43602,7 +43606,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-8f522ab6.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-bc814d87.js'); });
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -43610,7 +43614,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-f2afb4eb.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-7b6cedc1.js'); });
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -43618,7 +43622,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-b39f0556.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-658782c7.js'); });
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -43626,7 +43630,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-62ec343d.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-76688af4.js'); });
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -45009,7 +45013,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-a456221e.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-31b6c692.js'); });
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -46685,7 +46689,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context5.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-d44ae0e7.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-d0760b52.js'); });
             case 10:
               _yield$import = _context5.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -46696,7 +46700,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context5.abrupt("break", 21);
             case 15:
               _context5.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-68cc1bd1.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-6fe5bc89.js'); });
             case 17:
               _yield$import2 = _context5.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -47993,18 +47997,28 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       LOG$2.debug('new HQRenderScript set');
       (_this$setHQRenderScri = _this.setHQRenderScript) === null || _this$setHQRenderScri === void 0 || _this$setHQRenderScri.call(_this, 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;
       var boundingBox = setHandlerInstance.get2DViewPlannerBoundingBox(set);
-      if (boundingBox) {
-        var _this$updatePlanner2D;
-        (_this$updatePlanner2D = _this.updatePlanner2DGrid) === null || _this$updatePlanner2D === void 0 || _this$updatePlanner2D.call(_this, boundingBox);
-      }
+      if (boundingBox) _this.start2DRender(boundingBox);
     });
-    _defineProperty__default["default"](this, "getPlanning2DAsJpg", function () {
+    _defineProperty__default["default"](this, "getPlanning2DAsJpg", /*#__PURE__*/_asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
       var _this$getCanvas2DAsJP;
-      return (_this$getCanvas2DAsJP = _this.getCanvas2DAsJPG) === null || _this$getCanvas2DAsJP === void 0 ? void 0 : _this$getCanvas2DAsJP.call(_this);
-    });
+      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));
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
     /***********************************Functions in Logik called From View *************************************/
     _defineProperty__default["default"](this, "onElementSelectionChanged", function (setId, elementId, oldTabgroupType) {
       if (setId) {
@@ -48039,35 +48053,35 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param configStepKey unique indentifier for configStep
      */
     _defineProperty__default["default"](this, "loadConfigItemsOfOptions", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(configStepKey, paletteId, isUpdate, visible) {
+      var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(configStepKey, paletteId, isUpdate, visible) {
         var _this$state2, _this$state3, _this$updateConfigIte;
         var retValues;
-        return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context.next = 2;
+              _context2.next = 2;
               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 = _context.sent;
+              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);
             case 4:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee);
+        }, _callee2);
       }));
       return function (_x, _x2, _x3, _x4) {
-        return _ref.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }());
     /**
      * this function laods the summary Items
      */
-    _defineProperty__default["default"](this, "loadSummaryItems", /*#__PURE__*/_asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
+    _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 setPriceCurrency, setPriceFormat, summaryItems;
-      return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             setPriceCurrency = setHandlerInstance.getActSetPriceFormat(_this.actSet());
             setPriceFormat = undefined;
@@ -48078,17 +48092,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             }
             //Do also pass the correct price format
             (_this$actions = _this.actions) === null || _this$actions === void 0 || (_this$actions$toggleL = _this$actions.toggleLoading) === null || _this$actions$toggleL === void 0 || _this$actions$toggleL.call(_this$actions, 'SUMMARY');
-            _context2.next = 6;
+            _context3.next = 6;
             return summaryHandlerInstance.getSummaryItems(_this.sets, _this.doConfigure.bind(_this));
           case 6:
-            summaryItems = _context2.sent;
+            summaryItems = _context3.sent;
             (_this$updateSummaryIt = _this.updateSummaryItems) === null || _this$updateSummaryIt === void 0 || _this$updateSummaryIt.call(_this, 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":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     })));
     _defineProperty__default["default"](this, "loadStaticRoomList", function (dontUpdateView) {
       var _this$updateStaticRoo2;
@@ -48119,41 +48133,41 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param parentElement ElementID of the parent element used for docking
      */
     _defineProperty__default["default"](this, "addPlannerElement", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(elementCodex, initParams, dontUpdateView) {
+      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 set, newArticle, _this$actions4, _this$actions4$openMo, _this$i18n, _this$i18n2, _this$actions5, _this$actions5$toggle, baseArticle;
-        return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               set = _this.actSet();
               (_this$actions3 = _this.actions) === null || _this$actions3 === void 0 || (_this$actions3$toggle = _this$actions3.toggleLoading) === null || _this$actions3$toggle === void 0 || _this$actions3$toggle.call(_this$actions3, 'plannElement' + elementCodex, false, true);
-              _context3.prev = 2;
-              _context3.next = 5;
+              _context4.prev = 2;
+              _context4.next = 5;
               return setHandlerInstance.addPlannerElement(set, elementCodex, initParams);
             case 5:
-              newArticle = _context3.sent;
-              _context3.next = 13;
+              newArticle = _context4.sent;
+              _context4.next = 13;
               break;
             case 8:
-              _context3.prev = 8;
-              _context3.t0 = _context3["catch"](2);
+              _context4.prev = 8;
+              _context4.t0 = _context4["catch"](2);
               (_this$actions4 = _this.actions) === null || _this$actions4 === void 0 || (_this$actions4$openMo = _this$actions4.openModal) === null || _this$actions4$openMo === void 0 || _this$actions4$openMo.call(_this$actions4, {
                 accept: true,
                 title: (_this$i18n = _this.i18n()) === null || _this$i18n === void 0 ? void 0 : _this$i18n.t('Error'),
-                text: (_context3.t0 !== null && _context3.t0 !== void 0 && _context3.t0.message ? _context3.t0.message : (_this$i18n2 = _this.i18n()) === null || _this$i18n2 === void 0 ? void 0 : _this$i18n2.t('modal.errorcode')) + ':' + DivaUtils__default["default"].getCurrentTraceId() + ' ' + DivaUtils__default["default"].formatDate(new Date(), true, undefined, true)
+                text: (_context4.t0 !== null && _context4.t0 !== void 0 && _context4.t0.message ? _context4.t0.message : (_this$i18n2 = _this.i18n()) === null || _this$i18n2 === void 0 ? void 0 : _this$i18n2.t('modal.errorcode')) + ':' + DivaUtils__default["default"].getCurrentTraceId() + ' ' + DivaUtils__default["default"].formatDate(new Date(), true, undefined, true)
               });
               (_this$actions5 = _this.actions) === null || _this$actions5 === void 0 || (_this$actions5$toggle = _this$actions5.toggleLoading) === null || _this$actions5$toggle === void 0 || _this$actions5$toggle.call(_this$actions5, 'plannElement' + elementCodex, false, false);
-              throw new Error(_context3.t0);
+              throw new Error(_context4.t0);
             case 13:
               (_this$actions6 = _this.actions) === null || _this$actions6 === void 0 || (_this$actions6$toggle = _this$actions6.toggleLoading) === null || _this$actions6$toggle === void 0 || _this$actions6$toggle.call(_this$actions6, 'plannElement' + elementCodex, false, false);
               if (!newArticle.toDeleteAfterInit) {
-                _context3.next = 18;
+                _context4.next = 18;
                 break;
               }
-              _context3.next = 17;
+              _context4.next = 17;
               return _this.deletePlannerElement(newArticle.setId, newArticle.elementId, true);
             case 17:
-              return _context3.abrupt("return", newArticle.doNotDeleteAccWhenNotDocked ? 'AccessoireNotVisualized' : 'AccessorieNoFreeSpace');
+              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));
@@ -48165,15 +48179,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               if (!dontUpdateView) (_this$updateElementSe = _this.updateElementSelectionPlanner) === null || _this$updateElementSe === void 0 || _this$updateElementSe.call(_this, [baseArticle.setId], [baseArticle.elementId], true);
               _this.checkMatchingProducts('onAdd');
               _this.plannerChangeLog('onAddPlanner');
-              return _context3.abrupt("return", 'ElementAdded');
+              return _context4.abrupt("return", 'ElementAdded');
             case 29:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, null, [[2, 8]]);
+        }, _callee4, null, [[2, 8]]);
       }));
       return function (_x5, _x6, _x7) {
-        return _ref3.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }());
     /**
@@ -48183,27 +48197,27 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param articleCodex articleCodex of the new Element
      */
     _defineProperty__default["default"](this, "switchPlannerElement", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(setId, elementId, articleCodex, initParams) {
+      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 set, variantValues, deletionResult, article;
-        return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               _this.setActSet(setId);
               set = _this.actSet();
               variantValues = setHandlerInstance.getVariantValuesOfElement(set, elementId);
-              _context4.next = 5;
+              _context5.next = 5;
               return setHandlerInstance.deleteElementFromSetByElemId(set, elementId);
             case 5:
-              deletionResult = _context4.sent;
+              deletionResult = _context5.sent;
               (_this$actions7 = _this.actions) === null || _this$actions7 === void 0 || (_this$actions7$toggle = _this$actions7.toggleLoading) === null || _this$actions7$toggle === void 0 || _this$actions7$toggle.call(_this$actions7, 'plannerswitch' + articleCodex, false, true);
               initParams.oldPlannerTransform = deletionResult.oldTransform;
               initParams.variantValues = _objectSpread$8(_objectSpread$8({}, variantValues), {}, _defineProperty__default["default"]({}, (!set.CatalogData.isIDMFormat ? 'OPT' : '') + 'PLANNERSWITCH', (!set.CatalogData.isIDMFormat ? 'OPV' : '') + articleCodex));
-              _context4.next = 11;
+              _context5.next = 11;
               return setHandlerInstance.addPlannerElement(set, articleCodex, initParams);
             case 11:
-              article = _context4.sent;
-              _context4.next = 14;
+              article = _context5.sent;
+              _context5.next = 14;
               return setHandlerInstance.updateArticlesOptionStatesOfActSet(set, article.getValidValues(article.VariantValues, undefined, true), [article.basketId], undefined, 'initializing');
             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);
@@ -48218,29 +48232,29 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.plannerChangeLog('onSwitchPlanner');
             case 24:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4);
+        }, _callee5);
       }));
       return function (_x8, _x9, _x10, _x11) {
-        return _ref4.apply(this, arguments);
+        return _ref5.apply(this, arguments);
       };
     }());
     _defineProperty__default["default"](this, "addAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey, partlistCodexToInit) {
+      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;
-        return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               set = _this.actSet();
               (_this$actions9 = _this.actions) === null || _this$actions9 === void 0 || (_this$actions9$toggle = _this$actions9.toggleLoading) === null || _this$actions9$toggle === void 0 || _this$actions9$toggle.call(_this$actions9, 'LoadingArticle', false, true);
-              _context5.next = 4;
+              _context6.next = 4;
               return setHandlerInstance.addAccessorieOnShelfPlanner(set, gridIndex, cellIndex, parentBasketId, {
                 partlistCodexToInit: partlistCodexToInit
               });
             case 4:
-              retVal = _context5.sent;
+              retVal = _context6.sent;
               (_this$actions10 = _this.actions) === null || _this$actions10 === void 0 || (_this$actions10$toggl = _this$actions10.toggleLoading) === null || _this$actions10$toggl === void 0 || _this$actions10$toggl.call(_this$actions10, 'LoadingArticle', false, false);
               if (retVal !== false) {
                 _this.loadShelfPlannerItems(paletteId, configStepKey, 'add_accessoire');
@@ -48252,29 +48266,29 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               _this.checkMatchingProducts('onShelfAdd');
               _this.plannerChangeLog('onAddPlanner');
-              return _context5.abrupt("return", retVal);
+              return _context6.abrupt("return", retVal);
             case 10:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5);
+        }, _callee6);
       }));
       return function (_x12, _x13, _x14, _x15, _x16, _x17) {
-        return _ref5.apply(this, arguments);
+        return _ref6.apply(this, arguments);
       };
     }());
     _defineProperty__default["default"](this, "moveShelfItem", /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(paletteId, grid, initialIndex, finalIndex, configStepKey) {
+      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;
-        return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               set = _this.actSet();
-              _context6.next = 3;
+              _context7.next = 3;
               return setHandlerInstance.moveShelfItem(set, grid, initialIndex, finalIndex);
             case 3:
-              result = _context6.sent;
+              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);
               }
@@ -48284,12 +48298,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.updatePlannerView('MOVE_SHELF_ITEM');
             case 9:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6);
+        }, _callee7);
       }));
       return function (_x18, _x19, _x20, _x21, _x22) {
-        return _ref6.apply(this, arguments);
+        return _ref7.apply(this, arguments);
       };
     }());
     _defineProperty__default["default"](this, "moveDoors", function (movedDoor, targetDoor) {
@@ -48297,14 +48311,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       _this.updatePlannerView('MOVE_DOORS');
     });
     _defineProperty__default["default"](this, "deleteAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
+      var _ref8 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
         var _this$updateViewPlann5;
         var set;
-        return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               set = _this.actSet();
-              _context7.next = 3;
+              _context8.next = 3;
               return setHandlerInstance.deleteAccessorieOnShelfPlanner(set, gridIndex, cellIndex, parentBasketId);
             case 3:
               _this.updateConfigStructure();
@@ -48317,12 +48331,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.plannerChangeLog('onDeletePlanner');
             case 11:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7);
+        }, _callee8);
       }));
       return function (_x23, _x24, _x25, _x26, _x27) {
-        return _ref7.apply(this, arguments);
+        return _ref8.apply(this, arguments);
       };
     }());
     /**
@@ -48333,12 +48347,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param transState
      */
     _defineProperty__default["default"](this, "updatePlannerTrans", /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
+      var _ref9 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
         var _this$updateElementSe3;
-        return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              _context8.next = 2;
+              _context9.next = 2;
               return setHandlerInstance.updatePlannerTrans(_this.actSet(), plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance);
             case 2:
               if (transState == 'END') {
@@ -48347,12 +48361,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
             case 3:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8);
+        }, _callee9);
       }));
       return function (_x28, _x29, _x30, _x31, _x32, _x33, _x34) {
-        return _ref8.apply(this, arguments);
+        return _ref9.apply(this, arguments);
       };
     }());
     /**
@@ -48371,18 +48385,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
     });
     _defineProperty__default["default"](this, "updateAccessoireQuantity", /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
+      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 set, ret;
-        return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               set = _this.actSet();
               (_this$actions11 = _this.actions) === null || _this$actions11 === void 0 || (_this$actions11$toggl = _this$actions11.toggleLoading) === null || _this$actions11$toggl === void 0 || _this$actions11$toggl.call(_this$actions11, 'LoadingArticles_' + accessoireItem.articleCodex, false, true);
-              _context9.next = 4;
+              _context10.next = 4;
               return setHandlerInstance.updateAccessoireQuantity(set, accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle);
             case 4:
-              ret = _context9.sent;
+              ret = _context10.sent;
               (_this$actions12 = _this.actions) === null || _this$actions12 === void 0 || (_this$actions12$toggl = _this$actions12.toggleLoading) === null || _this$actions12$toggl === void 0 || _this$actions12$toggl.call(_this$actions12, 'LoadingArticles_' + accessoireItem.articleCodex, false, false);
               if (ret.somethingChanged) _this.updateConfigStructure();
               _this.updatePlannerView('UPDATE_ACC_QUANTITY');
@@ -48392,25 +48406,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.plannerChangeLog('onUpdateAccessoireQuantity');
             case 12:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9);
+        }, _callee10);
       }));
       return function (_x35, _x36, _x37, _x38) {
-        return _ref9.apply(this, arguments);
+        return _ref10.apply(this, arguments);
       };
     }());
     _defineProperty__default["default"](this, "deleteAccessoire", /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(articleCodex, parentBasketId) {
+      var _ref11 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(articleCodex, parentBasketId) {
         var set, wasDeleted, _this$updateViewPlann6;
-        return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               set = _this.actSet();
-              _context10.next = 3;
+              _context11.next = 3;
               return setHandlerInstance.deleteAccessoire(set, articleCodex, parentBasketId);
             case 3:
-              wasDeleted = _context10.sent;
+              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));
@@ -48420,15 +48434,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               _this.checkMatchingProducts('onAccessoireDelete');
               _this.plannerChangeLog('onDeletePlanner');
-              return _context10.abrupt("return", wasDeleted);
+              return _context11.abrupt("return", wasDeleted);
             case 8:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10);
+        }, _callee11);
       }));
       return function (_x39, _x40) {
-        return _ref10.apply(this, arguments);
+        return _ref11.apply(this, arguments);
       };
     }());
     _defineProperty__default["default"](this, "loadPaletteInfos", function (configStepKey, activeArticles, targetArticles) {
@@ -48450,13 +48464,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param configStepKey act ConfigStep
      */
     _defineProperty__default["default"](this, "configSingleIsChanged", /*#__PURE__*/function () {
-      var _ref11 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
+      var _ref12 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
         var set;
-        return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               set = _this.actSet();
-              _context11.next = 3;
+              _context12.next = 3;
               return setHandlerInstance.configSingleIsChanged(set, doConfigSingle, groupedOptions, groupedArticles);
             case 3:
               _this.updatePriceInView();
@@ -48466,15 +48480,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 configStepKey = setHandlerInstance.getNewConfigStepKeyInOption(set, configStepKey, optionCodex, tabGroupKey);
                 _this.updatePlannerView('CONFIG_SINGLE_IS_CHANGED');
               }
-              return _context11.abrupt("return", configStepKey);
+              return _context12.abrupt("return", configStepKey);
             case 7:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11);
+        }, _callee12);
       }));
       return function (_x41, _x42, _x43, _x44, _x45, _x46) {
-        return _ref11.apply(this, arguments);
+        return _ref12.apply(this, arguments);
       };
     }());
     /**
@@ -48488,23 +48502,23 @@ 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 _ref12 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents, eventKey) {
+      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;
-        return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        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);
-              _context12.next = 4;
+              _context13.next = 4;
               return setHandlerInstance.updateArticlesOptionStatesOfActSet(set, myValues, targetArticles, undefined, 'FromViewClick');
             case 4:
-              returnValues = _context12.sent;
+              returnValues = _context13.sent;
               (_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);
               structure = setHandlerInstance.loadConfigStructureOfActSet(set, _this.getCurPlannerType());
               _this.checkMatchingProducts('onConfig');
               if (dontUpdatePlannerView) {
-                _context12.next = 18;
+                _context13.next = 18;
                 break;
               }
               _this.updateConfiguratorStructure(structure);
@@ -48518,80 +48532,80 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.updateViewButtonsDependigOnConfigStructure();
               _this.updatePlannerView('DO_CONFIGURE', myValues);
               _this.updateWebConfiguratorTitle();
-              _context12.next = 18;
+              _context13.next = 18;
               return _this.getFreePlacesOnGrids(undefined, 'doConfigure');
             case 18:
               if (dontCallEvents) {
-                _context12.next = 21;
+                _context13.next = 21;
                 break;
               }
-              _context12.next = 21;
+              _context13.next = 21;
               return _this.fillBaksetforOnWebPlanerConfigChange(myValues, undefined, eventKey);
             case 21:
               _this.configuratorChangeLog('onConfigurationChange', myValues);
             case 22:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12);
+        }, _callee13);
       }));
       return function (_x47, _x48, _x49, _x50, _x51) {
-        return _ref12.apply(this, arguments);
+        return _ref13.apply(this, arguments);
       };
     }());
     _defineProperty__default["default"](this, "fillBaksetforOnWebPlanerConfigChange", /*#__PURE__*/function () {
-      var _ref13 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(myValues, isInit, eventKey) {
+      var _ref14 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14(myValues, isInit, eventKey) {
         var _myValues;
         var set, articles, article;
-        return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
               if (_this.eventIsManagedByClient('onWebPlanerConfigChange')) {
-                _context13.next = 2;
+                _context14.next = 2;
                 break;
               }
-              return _context13.abrupt("return");
+              return _context14.abrupt("return");
             case 2:
               set = _this.actSet();
               if (set) {
-                _context13.next = 5;
+                _context14.next = 5;
                 break;
               }
-              return _context13.abrupt("return");
+              return _context14.abrupt("return");
             case 5:
               if (!(!myValues || eventKey !== null && eventKey !== void 0 && eventKey.endsWith('repairing'))) {
-                _context13.next = 11;
+                _context14.next = 11;
                 break;
               }
               //get first option of the first article
               articles = set.getDivaArticles();
               article = articles[Object.keys(articles)[0]];
               if (article) {
-                _context13.next = 10;
+                _context14.next = 10;
                 break;
               }
-              return _context13.abrupt("return");
+              return _context14.abrupt("return");
             case 10:
               myValues = article === null || article === void 0 ? void 0 : article.VariantValuesWithoutEmptyFreetext;
             case 11:
-              _context13.t0 = _this.divaBasketHandler;
-              _context13.t1 = set;
-              _context13.next = 15;
+              _context14.t0 = _this.divaBasketHandler;
+              _context14.t1 = set;
+              _context14.next = 15;
               return setHandlerInstance.fillOrderLinesAndOrderSets(_this.sets, _this.divaBasketHandler, true, _this.doAllowSetPlanner(), _this.ReturnTo);
             case 15:
-              _context13.t2 = _context13.sent;
-              _context13.t3 = Object.keys((_myValues = myValues) !== null && _myValues !== void 0 ? _myValues : {});
-              _context13.t4 = isInit;
-              _context13.t5 = eventKey;
-              return _context13.abrupt("return", _context13.t0.fillBaksetforOnWebPlanerConfigChange.call(_context13.t0, _context13.t1, _context13.t2, _context13.t3, _context13.t4, _context13.t5));
+              _context14.t2 = _context14.sent;
+              _context14.t3 = Object.keys((_myValues = myValues) !== null && _myValues !== void 0 ? _myValues : {});
+              _context14.t4 = isInit;
+              _context14.t5 = eventKey;
+              return _context14.abrupt("return", _context14.t0.fillBaksetforOnWebPlanerConfigChange.call(_context14.t0, _context14.t1, _context14.t2, _context14.t3, _context14.t4, _context14.t5));
             case 20:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13);
+        }, _callee14);
       }));
       return function (_x52, _x53, _x54) {
-        return _ref13.apply(this, arguments);
+        return _ref14.apply(this, arguments);
       };
     }());
     _defineProperty__default["default"](this, "getPosNr", function (basketId) {
@@ -48629,10 +48643,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   return _createClass__default["default"](DivaWebPlanner, [{
     key: "initialize",
     value: function () {
-      var _initialize = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14(cache) {
+      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;
-        return _regeneratorRuntime__default["default"].wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               this.api = new DivaApiHandler(this.plannerConfig, this.handler, cache);
               this.api.setI18n(this.i18n);
@@ -48646,15 +48660,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 warningTime: 2000,
                 errorTime: 4000
               });
-              _context14.next = 8;
+              _context15.next = 8;
               return this.divaBasketHandler.initWWSClient(this.api.getWWSClient());
             case 8:
               this.plannerHandler = new DivaPlannerHandler(false);
               viewReadyPromise = this.initViewApiDependencies();
-              _context14.next = 12;
+              _context15.next = 12;
               return this.divaBasketHandler.initializeBasket(this.api);
             case 12:
-              loadSuccessful = _context14.sent;
+              loadSuccessful = _context15.sent;
               if (this.plannerConfig.configuratorSessionId) {
                 // ID forced from outside (Landingpage, PDP, Planung-ändern)
                 DivaUtils__default["default"].businessMetrics.setConfiguratorSessionId(this.plannerConfig.configuratorSessionId);
@@ -48666,14 +48680,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 DivaUtils__default["default"].businessMetrics.setConfiguratorSessionId();
               }
               if (!loadSuccessful) {
-                _context14.next = 31;
+                _context15.next = 31;
                 break;
               }
-              _context14.prev = 15;
-              _context14.next = 18;
+              _context15.prev = 15;
+              _context15.next = 18;
               return this.initializeSets(loadSuccessful, viewReadyPromise);
             case 18:
-              ret = _context14.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({
@@ -48682,15 +48696,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   text: (_this$i18n5 = this.i18n()) === null || _this$i18n5 === void 0 ? void 0 : _this$i18n5.t('configurator.catalog_not_listed_text')
                 });
               }
-              return _context14.abrupt("return", ret);
+              return _context15.abrupt("return", ret);
             case 24:
-              _context14.prev = 24;
-              _context14.t0 = _context14["catch"](15);
-              LOG$2.error(_context14.t0);
-              this.onError(_context14.t0);
-              return _context14.abrupt("return", false);
+              _context15.prev = 24;
+              _context15.t0 = _context15["catch"](15);
+              LOG$2.error(_context15.t0);
+              this.onError(_context15.t0);
+              return _context15.abrupt("return", false);
             case 29:
-              _context14.next = 35;
+              _context15.next = 35;
               break;
             case 31:
               this.onError();
@@ -48699,12 +48713,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               LOG$2.errorTransaction('LOADING_BASKET', 'BASKET_0002', 'Fehler beim Laden des Baskets', {
                 initializationId: initializationId
               }, true);
-              return _context14.abrupt("return", false);
+              return _context15.abrupt("return", false);
             case 35:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this, [[15, 24]]);
+        }, _callee15, this, [[15, 24]]);
       }));
       function initialize(_x55) {
         return _initialize.apply(this, arguments);
@@ -48714,50 +48728,50 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initializeSets",
     value: function () {
-      var _initializeSets = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15(loadSuccessful, viewReadyPromise) {
+      var _initializeSets = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee16(loadSuccessful, viewReadyPromise) {
         var _this$actions17, _set$getDivaArticles, _catalogData$catalogM, _catalogData$catalogM2;
         var _this$actions16, _this$actions16$toggl, initSetState, set, oldProductId, _result$customData$SA, _result$customData, _result$customData2, _result$customData$SA2, _result$customData3, _result$customData4, result, _this$actions18, catalogData, initializationId, initializationType;
-        return _regeneratorRuntime__default["default"].wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               if (!(typeof loadSuccessful != 'boolean')) {
-                _context15.next = 9;
+                _context16.next = 9;
                 break;
               }
               if (!(loadSuccessful.type == 'ProductList')) {
-                _context15.next = 9;
+                _context16.next = 9;
                 break;
               }
-              _context15.next = 4;
+              _context16.next = 4;
               return viewReadyPromise;
             case 4:
-              _context15.next = 6;
+              _context16.next = 6;
               return this.initView();
             case 6:
               this.subscribeToWebPlannerEvents();
               (_this$actions16 = this.actions) === null || _this$actions16 === void 0 || (_this$actions16$toggl = _this$actions16.toggleLoading) === null || _this$actions16$toggl === void 0 || _this$actions16$toggl.call(_this$actions16, 'Planner_Loading', false, false);
-              return _context15.abrupt("return", true);
+              return _context16.abrupt("return", true);
             case 9:
               this.divaNr = this.divaBasketHandler.actDivaNr;
               initSetState = this.getInitStateForSet();
               this.plannerHandler.initPlanner(initSetState, this.getPlannerHandlerFunctions());
-              _context15.next = 14;
+              _context16.next = 14;
               return setHandlerInstance.initSetsByOrderSet(this.divaBasketHandler.getOrderSetsByDivaNr(this.divaNr), initSetState);
             case 14:
               set = this.actSet();
               oldProductId = this.divaBasketHandler.actBasket.MatchingProductId || this.divaBasketHandler.actBasket.OrigProductId;
               if (!(oldProductId && set && set !== null && set !== void 0 && set.api.doCheckForProductsPrice())) {
-                _context15.next = 27;
+                _context16.next = 27;
                 break;
               }
-              _context15.next = 21;
+              _context16.next = 21;
               return this.divaBasketHandler.getProduct(this.api, oldProductId);
             case 21:
-              result = _context15.sent;
+              result = _context16.sent;
               if (result) productHandlerInstance.handleFountMatchingProducts(set, [result], set.setHash);
               (_result$customData$SA = result === null || result === void 0 || (_result$customData = result.customData) === null || _result$customData === void 0 || (_result$customData = _result$customData.SAP) === null || _result$customData === void 0 ? void 0 : _result$customData.SAP_MARA_MATKL) !== null && _result$customData$SA !== void 0 ? _result$customData$SA : result === null || result === void 0 || (_result$customData2 = result.customData) === null || _result$customData2 === void 0 || (_result$customData2 = _result$customData2.SAP_MARA_MATKL) === null || _result$customData2 === void 0 ? void 0 : _result$customData2.value;
               (_result$customData$SA2 = result === null || result === void 0 || (_result$customData3 = result.customData) === null || _result$customData3 === void 0 || (_result$customData3 = _result$customData3.SAP) === null || _result$customData3 === void 0 ? void 0 : _result$customData3.SAP_MARA_PRDHA) !== null && _result$customData$SA2 !== void 0 ? _result$customData$SA2 : result === null || result === void 0 || (_result$customData4 = result.customData) === null || _result$customData4 === void 0 || (_result$customData4 = _result$customData4.SAP_MARA_PRDHA) === null || _result$customData4 === void 0 ? void 0 : _result$customData4.value;
-              _context15.next = 28;
+              _context16.next = 28;
               break;
             case 27:
               if (typeof loadSuccessful != 'boolean' && set !== null && set !== void 0 && set.api.doCheckForProductsPrice()) {
@@ -48766,10 +48780,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 }
               }
             case 28:
-              _context15.next = 30;
+              _context16.next = 30;
               return viewReadyPromise;
             case 30:
-              _context15.next = 32;
+              _context16.next = 32;
               return this.initView();
             case 32:
               (_this$actions17 = this.actions) === null || _this$actions17 === void 0 || _this$actions17.onEvent({
@@ -48806,15 +48820,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }, false);
               this.configuratorChangeLog('onConfigurationInit', undefined, true);
               this.plannerChangeLog('onInitPlanner', true);
-              _context15.next = 43;
+              _context16.next = 43;
               return this.fillBaksetforOnWebPlanerConfigChange(undefined, true);
             case 43:
-              return _context15.abrupt("return", true);
+              return _context16.abrupt("return", true);
             case 44:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this);
+        }, _callee16, this);
       }));
       function initializeSets(_x56, _x57) {
         return _initializeSets.apply(this, arguments);
@@ -48975,24 +48989,24 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initView",
     value: (function () {
-      var _initView = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee16() {
+      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 _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
               set = this.actSet();
               plannerMode = this.getPlannerMode();
               (_this$initConfigurato = this.initConfiguratorMode) === null || _this$initConfigurato === void 0 || _this$initConfigurato.call(this, plannerMode);
               if (!(plannerMode == 'ProductList')) {
-                _context16.next = 7;
+                _context17.next = 7;
                 break;
               }
               (_this$initConfigurato2 = this.initConfiguratorStructure) === null || _this$initConfigurato2 === void 0 || _this$initConfigurato2.call(this, setHandlerInstance.loadConfigStructureForOnlyProductsList());
-              _context16.next = 17;
+              _context17.next = 17;
               break;
             case 7:
-              _context16.next = 9;
+              _context17.next = 9;
               return (_this$initPlannerView = this.initPlannerView) === null || _this$initPlannerView === void 0 ? void 0 : _this$initPlannerView.call(this);
             case 9:
               //first load the Configuratorstructure STARTCONFIG
@@ -49006,13 +49020,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               (_this$onBasketInitial = this.onBasketInitialized) === null || _this$onBasketInitial === void 0 || _this$onBasketInitial.call(this);
               this.checkMatchingProducts('onInit');
             case 17:
-              _context16.next = 19;
+              _context17.next = 19;
               return this.runInitMode(plannerMode);
             case 19:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
       function initView() {
         return _initView.apply(this, arguments);
@@ -49033,25 +49047,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "runInitMode",
     value: function () {
-      var _runInitMode = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee17(plannerMode) {
+      var _runInitMode = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee18(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 _callee17$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
               doDefault = true;
               if (!['SHOW_PDF'].includes((_this$plannerConfig$i = this.plannerConfig.initMode) !== null && _this$plannerConfig$i !== void 0 ? _this$plannerConfig$i : '')) {
-                _context17.next = 9;
+                _context18.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);
               //TODO lea bug das hier ist nur ein temporäre lößung https://app.asana.com/0/1200869909950432/1200998848659806
-              _context17.next = 6;
+              _context18.next = 6;
               return (_this$saveToBasketWra = this.saveToBasketWrapper) === null || _this$saveToBasketWra === void 0 ? void 0 : _this$saveToBasketWra.call(this);
             case 6:
               doDefault = false;
-              _context17.next = 10;
+              _context18.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) {
@@ -49075,9 +49089,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
             case 11:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee17, this);
+        }, _callee18, this);
       }));
       function runInitMode(_x58) {
         return _runInitMode.apply(this, arguments);
@@ -49087,16 +49101,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addSetToActPlanningByDivaNr",
     value: function () {
-      var _addSetToActPlanningByDivaNr = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee18(divaNr) {
+      var _addSetToActPlanningByDivaNr = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee19(divaNr) {
         var _this$updateViewPlann10;
         var set, orderSets, i, orderset, lastSetToInitialize, loadedSet, articlesKeys;
-        return _regeneratorRuntime__default["default"].wrap(function _callee18$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
               set = this.actSet();
               this.divaBasketHandler.updateDivaNrInBasket(divaNr);
               this.divaBasketHandler.setIgnoreInitObjectWhenInitializing();
-              _context18.next = 5;
+              _context19.next = 5;
               return this.divaBasketHandler.initializeBasket(this.api);
             case 5:
               orderSets = this.divaBasketHandler.actBasket.OrderSets;
@@ -49104,30 +49118,30 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               i = 0;
             case 8:
               if (!(i < orderSets.length)) {
-                _context18.next = 24;
+                _context19.next = 24;
                 break;
               }
               orderset = orderSets[i];
               lastSetToInitialize = setHandlerInstance.getOrderSetShouldInitPlanner(orderSets, i);
               loadedSet = setHandlerInstance.findLoadedSet(this.sets, orderset.CatalogCodex, orderset.AccountGUID);
               if (!loadedSet) {
-                _context18.next = 18;
+                _context19.next = 18;
                 break;
               }
-              _context18.next = 15;
+              _context19.next = 15;
               return setHandlerInstance.addOrderSetArticlesToExistingSet(loadedSet, orderset, lastSetToInitialize);
             case 15:
               this.checkMatchingProducts('onAdd');
-              _context18.next = 20;
+              _context19.next = 20;
               break;
             case 18:
-              _context18.next = 20;
+              _context19.next = 20;
               return setHandlerInstance.initSet(orderset, this.getInitStateForSet(), lastSetToInitialize);
             case 20:
               this.cleanUpEmptySets(true);
             case 21:
               i++;
-              _context18.next = 8;
+              _context19.next = 8;
               break;
             case 24:
               this.divaBasketHandler.actBasket.OrderSets = [];
@@ -49139,9 +49153,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.loadPaletteInfos(undefined, [articlesKeys[0]], articlesKeys);
             case 31:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
-        }, _callee18, this);
+        }, _callee19, this);
       }));
       function addSetToActPlanningByDivaNr(_x59) {
         return _addSetToActPlanningByDivaNr.apply(this, arguments);
@@ -49176,26 +49190,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "setActSetCurConfigStepKey",
     value: function () {
-      var _setActSetCurConfigStepKey = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee19(curConfigStepKey) {
+      var _setActSetCurConfigStepKey = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee20(curConfigStepKey) {
         var set;
-        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();
               if (set) {
-                _context19.next = 3;
+                _context20.next = 3;
                 break;
               }
-              return _context19.abrupt("return");
+              return _context20.abrupt("return");
             case 3:
               set.ActConfigStepKey = curConfigStepKey;
-              _context19.next = 6;
+              _context20.next = 6;
               return setHandlerInstance.updateNavigation(set);
             case 6:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee19, this);
+        }, _callee20, this);
       }));
       function setActSetCurConfigStepKey(_x60) {
         return _setActSetCurConfigStepKey.apply(this, arguments);
@@ -49290,7 +49304,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           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.updatePlanner2DGrid(boundingBox);
+            this.start2DRender(boundingBox);
           }
           if (['3DImage', '3DCOMB'].includes(this.getInitPlannerViewMode())) {
             var _this$getDoShow3DDime5;
@@ -49327,6 +49341,19 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         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);
       }
     }
+  }, {
+    key: "start2DRender",
+    value:
+    /**
+     * Starts a 2D-grid render and remembers it for {@link getPlanning2DAsJpg}.
+     * 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) {
+        LOG$2.error(error instanceof Error ? error : new Error('2D grid render failed: ' + String(error)));
+      });
+    }
   }, {
     key: "getAlternateRenderingsForSummary",
     value: function getAlternateRenderingsForSummary() {
@@ -49387,17 +49414,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee20(setId, elementId, denyElementSelectionClear) {
+      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 _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.sets[setId];
-              _context20.next = 3;
+              _context21.next = 3;
               return setHandlerInstance.deleteElementFromSetByElemId(set, elementId, true);
             case 3:
-              result = _context20.sent;
+              result = _context21.sent;
               this.updateConfigStructure();
               (_this$updateViewPlann12 = this.updateViewPlannerElements) === null || _this$updateViewPlann12 === void 0 || _this$updateViewPlann12.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               this.updatePlannerView('DELETE_PLANNER_ELEMENT');
@@ -49408,15 +49435,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               this.updatePriceInView();
               this.checkMatchingProducts('onDelete');
-              _context20.next = 14;
+              _context21.next = 14;
               return this.getFreePlacesOnGrids(undefined, 'deleteElement');
             case 14:
               this.plannerChangeLog('onDeletePlanner');
             case 15:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
-        }, _callee20, this);
+        }, _callee21, this);
       }));
       function deletePlannerElement(_x61, _x62, _x63) {
         return _deletePlannerElement.apply(this, arguments);
@@ -49431,14 +49458,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "movePlannerElement",
     value: (function () {
-      var _movePlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee21(setId, elementId, curConfigKey, absoluteIndex) {
+      var _movePlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee22(setId, elementId, curConfigKey, absoluteIndex) {
         var _this$updateViewPlann13;
         var set;
-        return _regeneratorRuntime__default["default"].wrap(function _callee21$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+        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.movePlannerElement(set, elementId, absoluteIndex);
             case 3:
               this.updateConfigStructure();
@@ -49448,9 +49475,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.updateViewButtonsDependigOnConfigStructure();
             case 8:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
-        }, _callee21, this);
+        }, _callee22, this);
       }));
       function movePlannerElement(_x64, _x65, _x66, _x67) {
         return _movePlannerElement.apply(this, arguments);
@@ -49467,23 +49494,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElement",
     value: (function () {
-      var _copyPlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee22(setId, elementId, curConfigKey, copyInfo) {
+      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 _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:
               if (copyInfo) {
-                _context22.next = 2;
+                _context23.next = 2;
                 break;
               }
-              return _context22.abrupt("return");
+              return _context23.abrupt("return");
             case 2:
               set = this.sets[setId];
-              _context22.next = 5;
+              _context23.next = 5;
               return setHandlerInstance.copyPlannerElement(set, elementId, copyInfo);
             case 5:
-              newSelectedArticle = _context22.sent;
+              newSelectedArticle = _context23.sent;
               this.updateConfigStructure();
               (_this$updateViewPlann14 = this.updateViewPlannerElements) === null || _this$updateViewPlann14 === void 0 || _this$updateViewPlann14.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               this.updatePlannerView('COPY_PLANNER_ELEMENT');
@@ -49497,12 +49524,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 (_this$updateElementSe7 = this.updateElementSelectionPlanner) === null || _this$updateElementSe7 === void 0 || _this$updateElementSe7.call(this, [baseArticle.setId], [baseArticle.elementId], true);
               }
               this.checkMatchingProducts('onCopy');
-              return _context22.abrupt("return", newConfigStepKey);
+              return _context23.abrupt("return", newConfigStepKey);
             case 15:
             case "end":
-              return _context22.stop();
+              return _context23.stop();
           }
-        }, _callee22, this);
+        }, _callee23, this);
       }));
       function copyPlannerElement(_x68, _x69, _x70, _x71) {
         return _copyPlannerElement.apply(this, arguments);
@@ -49533,48 +49560,48 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getFreePlacesOnGrids",
     value: function () {
-      var _getFreePlacesOnGrids = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee23(gridGroup, from) {
+      var _getFreePlacesOnGrids = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(gridGroup, from) {
         var _this$updateFreePlace;
         var set, freeShelfGrids, plannedShelfGrids;
-        return _regeneratorRuntime__default["default"].wrap(function _callee23$(_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee24$(_context24) {
+          while (1) switch (_context24.prev = _context24.next) {
             case 0:
               set = this.actSet();
               if (set) {
-                _context23.next = 3;
+                _context24.next = 3;
                 break;
               }
               throw new Error('getFreePlacesOnGrids: act set is not defined!');
             case 3:
               if (!gridGroup) {
-                _context23.next = 9;
+                _context24.next = 9;
                 break;
               }
-              _context23.next = 6;
+              _context24.next = 6;
               return setHandlerInstance.getFreeShelfGrids(set, gridGroup);
             case 6:
-              _context23.t0 = _context23.sent;
-              _context23.next = 10;
+              _context24.t0 = _context24.sent;
+              _context24.next = 10;
               break;
             case 9:
-              _context23.t0 = undefined;
+              _context24.t0 = undefined;
             case 10:
-              freeShelfGrids = _context23.t0;
+              freeShelfGrids = _context24.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, {
                 freeShelfGrids: freeShelfGrids,
                 plannedShelfGrids: plannedShelfGrids
               });
-              return _context23.abrupt("return", {
+              return _context24.abrupt("return", {
                 freeShelfGrids: freeShelfGrids,
                 plannedShelfGrids: plannedShelfGrids
               });
             case 15:
             case "end":
-              return _context23.stop();
+              return _context24.stop();
           }
-        }, _callee23, this);
+        }, _callee24, this);
       }));
       function getFreePlacesOnGrids(_x72, _x73) {
         return _getFreePlacesOnGrids.apply(this, arguments);
@@ -49592,34 +49619,34 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25(accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var set, newGridId;
-        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;
               }
-              return _context24.abrupt("return");
+              return _context25.abrupt("return");
             case 3:
-              _context24.next = 5;
+              _context25.next = 5;
               return setHandlerInstance.moveShelfItemToGrid(set, accessoireBasketId, parentBasketId, gridName, cellIndex);
             case 5:
-              newGridId = _context24.sent;
+              newGridId = _context25.sent;
               this.updatePlannerView('MOVE_SHELF_ITEM');
               if (!newGridId) {
-                _context24.next = 10;
+                _context25.next = 10;
                 break;
               }
-              _context24.next = 10;
+              _context25.next = 10;
               return this.getFreePlacesOnGrids(newGridId, 'move shelf');
             case 10:
             case "end":
-              return _context24.stop();
+              return _context25.stop();
           }
-        }, _callee24, this);
+        }, _callee25, this);
       }));
       function moveShelfItemToGrid(_x74, _x75, _x76, _x77) {
         return _moveShelfItemToGrid.apply(this, arguments);
@@ -49643,25 +49670,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "resetArticle",
     value: function () {
-      var _resetArticle = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25(basketId) {
+      var _resetArticle = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(basketId) {
         var set;
-        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.resetArticle(set, basketId);
             case 5:
             case "end":
-              return _context25.stop();
+              return _context26.stop();
           }
-        }, _callee25, this);
+        }, _callee26, this);
       }));
       function resetArticle(_x78) {
         return _resetArticle.apply(this, arguments);
@@ -49693,10 +49720,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "checkMatchingProducts",
     value: function () {
-      var _checkMatchingProducts = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(from) {
+      var _checkMatchingProducts = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(from) {
         var set, _set$getMatchingProdu, _set$getMatchingOrigP, _set$getMatchingOrigP2, _set$getMatchingProdu2;
-        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 !== null && set !== void 0 && set.api.doCheckForProductsPrice()) {
@@ -49710,18 +49737,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 }
               }
               if (!(set !== null && set !== void 0 && set.api.doCheckForProductsMatch())) {
-                _context26.next = 6;
+                _context27.next = 6;
                 break;
               }
-              _context26.next = 5;
+              _context27.next = 5;
               return productHandlerInstance.updateProducts(this.setsAsArray, this.api, this.divaBasketHandler.divaWWSHandler, from);
             case 5:
               this.updatePriceInView();
             case 6:
             case "end":
-              return _context26.stop();
+              return _context27.stop();
           }
-        }, _callee26, this);
+        }, _callee27, this);
       }));
       function checkMatchingProducts(_x79) {
         return _checkMatchingProducts.apply(this, arguments);
@@ -49800,7 +49827,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasketWrapper",
     value: function () {
-      var _saveToBasketWrapper = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(event, repairOnly, returnToParam, hideLoading) {
+      var _saveToBasketWrapper = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28(event, repairOnly, returnToParam, hideLoading) {
         var _this$actions28,
           _this$actions28$toggl,
           _this$actions29,
@@ -49809,8 +49836,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           _this$actions33,
           _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 _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:
               returnTo = returnToParam !== null && returnToParam !== void 0 ? returnToParam : this.getReturnTo(event);
               finalEvent = {
@@ -49818,13 +49845,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 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);
-              _context27.next = 5;
+              _context28.next = 5;
               return this.saveToBasket(returnTo, finalEvent.event, repairOnly);
             case 5:
-              result = _context27.sent;
+              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);
               if (!(result === 'canceled')) {
-                _context27.next = 11;
+                _context28.next = 11;
                 break;
               }
               LOG$2.error(new DivaUtils.DivaError('failed to save Basket'));
@@ -49832,10 +49859,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 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 _context27.abrupt("return", result);
+              return _context28.abrupt("return", result);
             case 11:
-              _context27.t0 = returnTo;
-              _context27.next = _context27.t0 === 'OPEN_PDF' ? 14 : _context27.t0 === 'SAVE_BASKET_WITH_MODAL' ? 16 : _context27.t0 === 'OPEN_CONTACT_FORM' ? 17 : 17;
+              _context28.t0 = returnTo;
+              _context28.next = _context28.t0 === 'OPEN_PDF' ? 14 : _context28.t0 === 'SAVE_BASKET_WITH_MODAL' ? 16 : _context28.t0 === 'OPEN_CONTACT_FORM' ? 17 : 17;
               break;
             case 14:
               if (!this.getBasket().PDFDocumentURL) {
@@ -49855,7 +49882,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   }
                 });
               }
-              return _context27.abrupt("break", 17);
+              return _context28.abrupt("break", 17);
             case 16:
               (_this$actions33 = this.actions) === null || _this$actions33 === void 0 || _this$actions33.openModal({
                 text: (_this$i18n18 = this.i18n()) === null || _this$i18n18 === void 0 ? void 0 : _this$i18n18.t('modal.planning_saved'),
@@ -49863,18 +49890,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               });
             case 17:
               if (!(result == 'noArticleToSave')) {
-                _context27.next = 20;
+                _context28.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 _context27.abrupt("return", 'canceled');
+              return _context28.abrupt("return", 'canceled');
             case 20:
-              return _context27.abrupt("return", result);
+              return _context28.abrupt("return", result);
             case 21:
             case "end":
-              return _context27.stop();
+              return _context28.stop();
           }
-        }, _callee27, this);
+        }, _callee28, this);
       }));
       function saveToBasketWrapper(_x80, _x81, _x82, _x83) {
         return _saveToBasketWrapper.apply(this, arguments);
@@ -49884,42 +49911,42 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasket",
     value: function () {
-      var _saveToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28(returnTo, event, repairOnly) {
+      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 _callee28$(_context28) {
-          while (1) switch (_context28.prev = _context28.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee29$(_context29) {
+          while (1) switch (_context29.prev = _context29.next) {
             case 0:
               set = this.actSet();
               if (!setHandlerInstance.isNoArticleToSave(this.sets)) {
-                _context28.next = 3;
+                _context29.next = 3;
                 break;
               }
-              return _context28.abrupt("return", 'noArticleToSave');
+              return _context29.abrupt("return", 'noArticleToSave');
             case 3:
               actBasket = this.divaBasketHandler.actBasket;
               if (!((_returnTo = returnTo) !== null && _returnTo !== void 0 && _returnTo.startsWith('FAVORITS') && favoritesHandlerInstance.FavoritesDefined(set))) {
-                _context28.next = 12;
+                _context29.next = 12;
                 break;
               }
               oldReturnTo = returnTo;
               this.ReturnTo = returnTo.replace('FAVORITS_', '');
-              _context28.next = 9;
+              _context29.next = 9;
               return this.handleFavorites('SAVE');
             case 9:
-              result = _context28.sent;
+              result = _context29.sent;
               if (result === 'canceled') {
                 this.ReturnTo = oldReturnTo;
               }
-              return _context28.abrupt("return", result);
+              return _context29.abrupt("return", result);
             case 12:
-              _context28.t0 = this.divaBasketHandler;
-              _context28.t1 = this.divaBasketHandler.actDivaNr;
-              _context28.next = 16;
+              _context29.t0 = this.divaBasketHandler;
+              _context29.t1 = this.divaBasketHandler.actDivaNr;
+              _context29.next = 16;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, !!repairOnly, this.doAllowSetPlanner(), this.ReturnTo);
             case 16:
-              _context28.t2 = _context28.sent;
-              _context28.t0.setBasketData.call(_context28.t0, _context28.t1, _context28.t2);
+              _context29.t2 = _context29.sent;
+              _context29.t0.setBasketData.call(_context29.t0, _context29.t1, _context29.t2);
               if ((_returnTo2 = returnTo) !== null && _returnTo2 !== void 0 && _returnTo2.endsWith('OPEN_SELLER_BASKET')) {
                 this.ReturnTo = 'OPEN_SELLER_BASKET';
                 returnTo = this.ReturnTo;
@@ -49934,11 +49961,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.divaBasketHandler.fillOrigConfigurations();
               actBasket.Updated = Date.now();
               if (!returnTo) {
-                _context28.next = 54;
+                _context29.next = 54;
                 break;
               }
-              _context28.t3 = returnTo;
-              _context28.next = _context28.t3 === 'OPEN_SELLER_PRODUCTCREATOR' ? 27 : _context28.t3 === 'OPEN_SELLER_BASKET' ? 29 : _context28.t3 === 'OPEN_PDF' ? 32 : _context28.t3 === 'SAVE_BASKET_WITH_MODAL' ? 32 : _context28.t3 === 'SAVE_BASKET' ? 32 : _context28.t3 === 'SAVE_BASKET_SYNC' ? 32 : _context28.t3 === 'SAVE_BASKET_ASYNC' ? 32 : 54;
+              _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;
               break;
             case 27:
               (_this$actions34 = this.actions) === null || _this$actions34 === void 0 || _this$actions34.openComponent({
@@ -49951,7 +49978,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context28.abrupt("break", 54);
+              return _context29.abrupt("break", 54);
             case 29:
               if (this.divaBasketHandler.basketWasSavedWithCurrentDocVersion) {
                 actBasket.setDocumentVersion(actBasket.getDocumentVersion() + 1);
@@ -49966,26 +49993,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context28.abrupt("break", 54);
+              return _context29.abrupt("break", 54);
             case 32:
               if (!(event == 'onSaveProduct')) {
-                _context28.next = 44;
+                _context29.next = 44;
                 break;
               }
-              _context28.next = 35;
+              _context29.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)));
-              _context28.next = 38;
+              _context29.next = 38;
               return DivaUtils__default["default"].updateBasketOrgInfo(actBasket, this.plannerConfig.currentOrganization, this.plannerConfig.currentUser);
             case 38:
-              _context28.next = 40;
+              _context29.next = 40;
               return this.api.getDataWithoutCache(this.api.getUniqueNewDivaNr(), undefined, 'basket');
             case 40:
-              newDivaNr = _context28.sent;
+              newDivaNr = _context29.sent;
               actBasket.convertToBaseConfiguration(newDivaNr.divaNr);
-              _context28.next = 53;
+              _context29.next = 53;
               break;
             case 44:
               if (this.divaBasketHandler.basketWasSavedWithCurrentDocVersion) {
@@ -49995,30 +50022,30 @@ 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);
-              _context28.next = 50;
+              _context29.next = 50;
               return this.divaBasketHandler.saveToBasket(this.api, actBasket, returnTo, arReady);
             case 50:
-              _result = _context28.sent;
+              _result = _context29.sent;
               if (!(_result === 'ERROR_NO_BASKET_SAVED' || _result === 'ERROR_BASKET_AFTER_SAVE')) {
-                _context28.next = 53;
+                _context29.next = 53;
                 break;
               }
-              return _context28.abrupt("return", 'canceled');
+              return _context29.abrupt("return", 'canceled');
             case 53:
-              return _context28.abrupt("break", 54);
+              return _context29.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
-              _context28.next = 58;
+              _context29.next = 58;
               return this.addToBasket(actBasket, event);
             case 58:
-              product = _context28.sent;
-              return _context28.abrupt("return", product !== null && product !== void 0 ? product : 'saved');
+              product = _context29.sent;
+              return _context29.abrupt("return", product !== null && product !== void 0 ? product : 'saved');
             case 60:
             case "end":
-              return _context28.stop();
+              return _context29.stop();
           }
-        }, _callee28, this);
+        }, _callee29, this);
       }));
       function saveToBasket(_x84, _x85, _x86) {
         return _saveToBasket.apply(this, arguments);
@@ -50035,24 +50062,24 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "generateAiImageWithReferenceImages",
     value: function () {
-      var _generateAiImageWithReferenceImages = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(data, leadKey) {
+      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 _callee29$(_context29) {
-          while (1) switch (_context29.prev = _context29.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee30$(_context30) {
+          while (1) switch (_context30.prev = _context30.next) {
             case 0:
               (_this$actSet11 = this.actSet()) === null || _this$actSet11 === void 0 || _this$actSet11.CatalogData.catalogCodex;
-              _context29.next = 3;
+              _context30.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
               }), leadKey);
             case 3:
-              return _context29.abrupt("return", _context29.sent);
+              return _context30.abrupt("return", _context30.sent);
             case 4:
             case "end":
-              return _context29.stop();
+              return _context30.stop();
           }
-        }, _callee29, this);
+        }, _callee30, this);
       }));
       function generateAiImageWithReferenceImages(_x87, _x88) {
         return _generateAiImageWithReferenceImages.apply(this, arguments);
@@ -50062,25 +50089,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getUsageLimits",
     value: function () {
-      var _getUsageLimits = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30() {
+      var _getUsageLimits = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31() {
         var _localStorage$getItem, _localStorage;
         var leadKey;
-        return _regeneratorRuntime__default["default"].wrap(function _callee30$(_context30) {
-          while (1) switch (_context30.prev = _context30.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee31$(_context31) {
+          while (1) switch (_context31.prev = _context31.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;
-              _context30.next = 3;
+              _context31.next = 3;
               return this.api.getUsageLimits(leadKey ? {
                 leadKey: leadKey
               } : undefined);
             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 getUsageLimits() {
         return _getUsageLimits.apply(this, arguments);
@@ -50090,23 +50117,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getAiRoomRenderings",
     value: function () {
-      var _getAiRoomRenderings = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31() {
+      var _getAiRoomRenderings = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32() {
         var _this$state7;
         var organizationId, lang;
-        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:
               organizationId = (_this$state7 = this.state) === null || _this$state7 === void 0 ? void 0 : _this$state7.organization._id;
               lang = this.api.getLanguage();
-              _context31.next = 4;
+              _context32.next = 4;
               return this.api.getAiRoomRenderings(organizationId, lang !== null && lang !== void 0 ? lang : undefined);
             case 4:
-              return _context31.abrupt("return", _context31.sent);
+              return _context32.abrupt("return", _context32.sent);
             case 5:
             case "end":
-              return _context31.stop();
+              return _context32.stop();
           }
-        }, _callee31, this);
+        }, _callee32, this);
       }));
       function getAiRoomRenderings() {
         return _getAiRoomRenderings.apply(this, arguments);
@@ -50116,19 +50143,19 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "createLeadKey",
     value: function () {
-      var _createLeadKey = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32(email) {
-        return _regeneratorRuntime__default["default"].wrap(function _callee32$(_context32) {
-          while (1) switch (_context32.prev = _context32.next) {
+      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) {
             case 0:
-              _context32.next = 2;
+              _context33.next = 2;
               return this.api.createLeadKey(email);
             case 2:
-              return _context32.abrupt("return", _context32.sent);
+              return _context33.abrupt("return", _context33.sent);
             case 3:
             case "end":
-              return _context32.stop();
+              return _context33.stop();
           }
-        }, _callee32, this);
+        }, _callee33, this);
       }));
       function createLeadKey(_x89) {
         return _createLeadKey.apply(this, arguments);
@@ -50426,23 +50453,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getBasketDataWithEkText",
     value: function () {
-      var _getBasketDataWithEkText = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee33() {
-        return _regeneratorRuntime__default["default"].wrap(function _callee33$(_context33) {
-          while (1) switch (_context33.prev = _context33.next) {
+      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) {
             case 0:
-              _context33.t0 = this.divaBasketHandler;
-              _context33.t1 = this.divaBasketHandler.actDivaNr;
-              _context33.next = 4;
+              _context34.t0 = this.divaBasketHandler;
+              _context34.t1 = this.divaBasketHandler.actDivaNr;
+              _context34.next = 4;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, true, this.doAllowSetPlanner(), this.ReturnTo);
             case 4:
-              _context33.t2 = _context33.sent;
-              _context33.t0.setBasketData.call(_context33.t0, _context33.t1, _context33.t2);
-              return _context33.abrupt("return", this.divaBasketHandler.actBasket);
+              _context34.t2 = _context34.sent;
+              _context34.t0.setBasketData.call(_context34.t0, _context34.t1, _context34.t2);
+              return _context34.abrupt("return", this.divaBasketHandler.actBasket);
             case 7:
             case "end":
-              return _context33.stop();
+              return _context34.stop();
           }
-        }, _callee33, this);
+        }, _callee34, this);
       }));
       function getBasketDataWithEkText() {
         return _getBasketDataWithEkText.apply(this, arguments);
@@ -50468,7 +50495,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addToBasket",
     value: function () {
-      var _addToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee34(actBasket) {
+      var _addToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee35(actBasket) {
         var _this$actions36,
           _this$actions37,
           _this$actions38,
@@ -50487,44 +50514,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           to,
           variants,
           products,
-          _args34 = arguments;
-        return _regeneratorRuntime__default["default"].wrap(function _callee34$(_context34) {
-          while (1) switch (_context34.prev = _context34.next) {
+          _args35 = arguments;
+        return _regeneratorRuntime__default["default"].wrap(function _callee35$(_context35) {
+          while (1) switch (_context35.prev = _context35.next) {
             case 0:
-              event = _args34.length > 1 && _args34[1] !== undefined ? _args34[1] : 'onAddToBasket';
-              _context34.t0 = event;
-              _context34.next = _context34.t0 === 'onWebPlanerPrint' ? 4 : _context34.t0 === 'onWebPlanerSave' ? 6 : _context34.t0 === 'onWebPlanerShare' ? 8 : _context34.t0 === 'onRequestConsulation' ? 10 : _context34.t0 === 'onSave' ? 12 : _context34.t0 === 'onSendEmail' ? 14 : _context34.t0 === 'onSaveProduct' ? 19 : _context34.t0 === 'dontSaveBasket' ? 26 : _context34.t0 === 'onAddToBasket' ? 26 : 28;
+              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;
               break;
             case 4:
               (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.onEvent({
                 type: 'onWebPlanerPrint',
                 data: actBasket.getAsJson()
               });
-              return _context34.abrupt("break", 30);
+              return _context35.abrupt("break", 30);
             case 6:
               (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.onEvent({
                 type: 'onWebPlanerSave',
                 data: actBasket.getAsJson()
               });
-              return _context34.abrupt("break", 30);
+              return _context35.abrupt("break", 30);
             case 8:
               (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.onEvent({
                 type: 'onWebPlanerShare',
                 data: actBasket.getAsJson()
               });
-              return _context34.abrupt("break", 30);
+              return _context35.abrupt("break", 30);
             case 10:
               (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
                 type: 'onRequestConsulation',
                 data: actBasket.getAsJson()
               });
-              return _context34.abrupt("break", 30);
+              return _context35.abrupt("break", 30);
             case 12:
               (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.onEvent({
                 type: 'onSave',
                 data: actBasket.getAsJson()
               });
-              return _context34.abrupt("break", 30);
+              return _context35.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;
@@ -50559,41 +50586,41 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context34.abrupt("break", 30);
+              return _context35.abrupt("break", 30);
             case 19:
               this.actSet().CatalogData;
-              _context34.next = 22;
+              _context35.next = 22;
               return this.api.saveAsProduct(this.sets, actBasket);
             case 22:
-              products = _context34.sent;
+              products = _context35.sent;
               (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
               if (!products) {
-                _context34.next = 26;
+                _context35.next = 26;
                 break;
               }
-              return _context34.abrupt("return", products[0]);
+              return _context35.abrupt("return", products[0]);
             case 26:
               (_this$actions43 = this.actions) === null || _this$actions43 === void 0 || _this$actions43.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context34.abrupt("break", 30);
+              return _context35.abrupt("break", 30);
             case 28:
               (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.onEvent({
                 type: event,
                 data: actBasket.getAsJson()
               });
-              return _context34.abrupt("break", 30);
+              return _context35.abrupt("break", 30);
             case 30:
-              return _context34.abrupt("return");
+              return _context35.abrupt("return");
             case 31:
             case "end":
-              return _context34.stop();
+              return _context35.stop();
           }
-        }, _callee34, this);
+        }, _callee35, this);
       }));
       function addToBasket(_x90) {
         return _addToBasket.apply(this, arguments);
@@ -50650,26 +50677,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCurrentBasket",
     value: function () {
-      var _getCurrentBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee35(event, force, returnTo, dontGoToSummary, hideLoading) {
+      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 _callee35$(_context35) {
-          while (1) switch (_context35.prev = _context35.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee36$(_context36) {
+          while (1) switch (_context36.prev = _context36.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')))) {
-                _context35.next = 2;
+                _context36.next = 2;
                 break;
               }
-              return _context35.abrupt("return", 'BASKET_ALREADY_SAVED');
+              return _context36.abrupt("return", 'BASKET_ALREADY_SAVED');
             case 2:
-              _context35.next = 4;
+              _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);
             case 4:
-              return _context35.abrupt("return", !!_context35.sent);
+              return _context36.abrupt("return", !!_context36.sent);
             case 5:
             case "end":
-              return _context35.stop();
+              return _context36.stop();
           }
-        }, _callee35, this);
+        }, _callee36, this);
       }));
       function getCurrentBasket(_x91, _x92, _x93, _x94, _x95) {
         return _getCurrentBasket.apply(this, arguments);
@@ -50902,9 +50929,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initApiForLogicOnly",
     value: //just for testing purposes
     function () {
-      var _initApiForLogicOnly = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee36(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
-        return _regeneratorRuntime__default["default"].wrap(function _callee36$(_context36) {
-          while (1) switch (_context36.prev = _context36.next) {
+      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) {
             case 0:
               //empty services
               this.api = new DivaApiHandler(_objectSpread$8(_objectSpread$8({}, this.plannerConfig), {}, {
@@ -50917,16 +50944,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 jwt: jwt,
                 apiKey: apiKey
               }), handler);
-              _context36.next = 3;
+              _context37.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 _context36.stop();
+              return _context37.stop();
           }
-        }, _callee36, this);
+        }, _callee37, this);
       }));
       function initApiForLogicOnly(_x96, _x97, _x98, _x99, _x100, _x101, _x102) {
         return _initApiForLogicOnly.apply(this, arguments);
@@ -50941,16 +50968,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "loadBasket",
     value: function () {
-      var _loadBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee37() {
-        return _regeneratorRuntime__default["default"].wrap(function _callee37$(_context37) {
-          while (1) switch (_context37.prev = _context37.next) {
+      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) {
             case 0:
-              return _context37.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
+              return _context38.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
             case 1:
             case "end":
-              return _context37.stop();
+              return _context38.stop();
           }
-        }, _callee37, this);
+        }, _callee38, this);
       }));
       function loadBasket() {
         return _loadBasket.apply(this, arguments);
@@ -50965,39 +50992,39 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee38(init3D, ignoreFavorites) {
+      var _initBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee39(init3D, ignoreFavorites) {
         var initSetState, set, basket;
-        return _regeneratorRuntime__default["default"].wrap(function _callee38$(_context38) {
-          while (1) switch (_context38.prev = _context38.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee39$(_context39) {
+          while (1) switch (_context39.prev = _context39.next) {
             case 0:
               this.divaNr = this.divaBasketHandler.actDivaNr;
               initSetState = this.getInitStateForSet(!init3D);
-              _context38.next = 4;
+              _context39.next = 4;
               return this.plannerHandler.initPlanner(initSetState, this.getPlannerHandlerFunctions());
             case 4:
-              _context38.next = 6;
+              _context39.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)) {
-                _context38.next = 11;
+                _context39.next = 11;
                 break;
               }
-              _context38.next = 11;
+              _context39.next = 11;
               return this.handleFavorites(init3D ? 'CALC' : 'REPAIR');
             case 11:
-              _context38.next = 13;
+              _context39.next = 13;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, !init3D, this.doAllowSetPlanner(), this.ReturnTo);
             case 13:
-              basket = _context38.sent;
-              return _context38.abrupt("return", basket);
+              basket = _context39.sent;
+              return _context39.abrupt("return", basket);
             case 15:
             case "end":
-              return _context38.stop();
+              return _context39.stop();
           }
-        }, _callee38, this);
+        }, _callee39, this);
       }));
       function initBasket(_x103, _x104) {
         return _initBasket.apply(this, arguments);
@@ -51036,21 +51063,21 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getValidVariantsLength",
     value: function () {
-      var _getValidVariantsLength = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee39() {
+      var _getValidVariantsLength = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee40() {
         var set;
-        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:
               set = this.actSet();
-              _context39.next = 3;
+              _context40.next = 3;
               return favoritesHandlerInstance.getValidVariants(set, true);
             case 3:
-              return _context39.abrupt("return", _context39.sent.length);
+              return _context40.abrupt("return", _context40.sent.length);
             case 4:
             case "end":
-              return _context39.stop();
+              return _context40.stop();
           }
-        }, _callee39, this);
+        }, _callee40, this);
       }));
       function getValidVariantsLength() {
         return _getValidVariantsLength.apply(this, arguments);
@@ -51060,44 +51087,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee40(mode) {
+      var _handleFavorites = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee41(mode) {
         var _this5 = this;
         var set, i;
-        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();
               i = 0;
             case 2:
               if (!favoritesHandlerInstance.IsCalcForSummary) {
-                _context40.next = 11;
+                _context41.next = 11;
                 break;
               }
-              _context40.next = 5;
+              _context41.next = 5;
               return DivaUtils__default["default"].Sleep(200);
             case 5:
               i++;
               if (!(i > 1000)) {
-                _context40.next = 9;
+                _context41.next = 9;
                 break;
               }
               LOG$2.error(new DivaUtils.DivaError('error on generating Variants of Summary'));
-              return _context40.abrupt("break", 11);
+              return _context41.abrupt("break", 11);
             case 9:
-              _context40.next = 2;
+              _context41.next = 2;
               break;
             case 11:
-              _context40.next = 13;
+              _context41.next = 13;
               return favoritesHandlerInstance.handleFavorites(set, mode, this.divaBasketHandler.actBasket, this.saveToBasketWrapper.bind(this), this.doConfigure.bind(this), function () {
                 return _this5.update2DGrid(set);
               }, this.actions);
             case 13:
-              return _context40.abrupt("return", _context40.sent);
+              return _context41.abrupt("return", _context41.sent);
             case 14:
             case "end":
-              return _context40.stop();
+              return _context41.stop();
           }
-        }, _callee40, this);
+        }, _callee41, this);
       }));
       function handleFavorites(_x105) {
         return _handleFavorites.apply(this, arguments);
@@ -51112,46 +51139,46 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initSapOrderLinesFromBasket",
     value: function () {
-      var _initSapOrderLinesFromBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee41(divaNr, init3D, onlyLoadOldBakset) {
+      var _initSapOrderLinesFromBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee42(divaNr, init3D, onlyLoadOldBakset) {
         var result, oldBasket, basket;
-        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:
               if (divaNr) this.divaBasketHandler.updateDivaNrInBasket(divaNr);
-              _context41.next = 3;
+              _context42.next = 3;
               return this.loadBasket();
             case 3:
-              result = _context41.sent;
+              result = _context42.sent;
               if (!onlyLoadOldBakset) {
-                _context41.next = 6;
+                _context42.next = 6;
                 break;
               }
-              return _context41.abrupt("return", {
+              return _context42.abrupt("return", {
                 oldBasket: new basketModel.BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket))),
                 cache: {}
               });
             case 6:
               if (!(result === false)) {
-                _context41.next = 8;
+                _context42.next = 8;
                 break;
               }
               throw new Error('Could not load basket! ' + divaNr);
             case 8:
               oldBasket = new basketModel.BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket)));
-              _context41.next = 11;
+              _context42.next = 11;
               return this.initBasket(init3D);
             case 11:
-              basket = _context41.sent;
-              return _context41.abrupt("return", {
+              basket = _context42.sent;
+              return _context42.abrupt("return", {
                 basket: basket,
                 oldBasket: oldBasket,
                 cache: this.api.getJsonDataCache()
               });
             case 13:
             case "end":
-              return _context41.stop();
+              return _context42.stop();
           }
-        }, _callee41, this);
+        }, _callee42, this);
       }));
       function initSapOrderLinesFromBasket(_x106, _x107, _x108) {
         return _initSapOrderLinesFromBasket.apply(this, arguments);
@@ -51407,183 +51434,6 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }]);
 }();
 
-var DockingPoint = /*#__PURE__*/function () {
-  function DockingPoint(elementId, type, name, localPos, rotDeg, layer, plannerconfig, filter) {
-    _classCallCheck__default["default"](this, DockingPoint);
-    _defineProperty__default["default"](this, "dockingPoint", void 0);
-    _defineProperty__default["default"](this, "layer", void 0);
-    _defineProperty__default["default"](this, "isDisabled", void 0);
-    //this is used to disable a docking point temporarily
-    _defineProperty__default["default"](this, "plannerconfig", void 0);
-    this.plannerconfig = plannerconfig;
-
-    //Check for number backwardscompatible with _ (e.g. AVC_2)
-    var splittedAV = name.split('_');
-    this.isDisabled = false;
-    var number = -1;
-    if (splittedAV.length >= 2) {
-      for (var i = 1; i < splittedAV.length; i++) {
-        var part = parseInt(splittedAV[i]);
-        if (!isNaN(part)) {
-          number = part;
-          break;
-        }
-      }
-    } else if (name.length > 3) {
-      //Check for number IDM Standard without _ (e.g. AVC2)
-      var _part = parseInt(name.substring(3));
-      if (!isNaN(_part)) {
-        number = _part;
-      }
-    }
-    this.dockingPoint = {
-      dpId: type + '_' + name,
-      elementId: elementId,
-      type: type,
-      name: name,
-      ignoreLayer: type == 'AVR' || type == 'AVL' || name.indexOf('_IL') >= 0,
-      localWorldPos: localPos,
-      rotDeg: rotDeg,
-      isDocking: false,
-      dpFilter: filter
-    };
-    if (number >= 0) {
-      this.dockingPoint.number = number;
-    }
-    this.layer = layer;
-  }
-
-  /**
-   * Creates a clone of the current dockingPoint
-   */
-  return _createClass__default["default"](DockingPoint, [{
-    key: "clone",
-    value: function clone() {
-      var dpClone = new DockingPoint(this.dockingPoint.elementId, this.dockingPoint.type, this.dockingPoint.name, this.dockingPoint.localWorldPos, this.dockingPoint.rotDeg, this.layer, this.plannerconfig, this.dockingPoint.dpFilter);
-      dpClone.dockingPoint.dpId = this.dockingPoint.dpId;
-      dpClone.dockingPoint.ignoreLayer = this.dockingPoint.ignoreLayer;
-      dpClone.dockingPoint.isDocking = this.dockingPoint.isDocking;
-      dpClone.dockingPoint.number = this.dockingPoint.number;
-      dpClone.dockingPoint.onDP = this.dockingPoint.onDP;
-      dpClone.dockingPoint.onElementId = this.dockingPoint.onElementId;
-      return dpClone;
-    }
-  }, {
-    key: "ElementId",
-    get: function get() {
-      return this.dockingPoint.elementId;
-    }
-  }, {
-    key: "Name",
-    get: function get() {
-      return this.dockingPoint.name;
-    }
-  }, {
-    key: "LocalWorldPos",
-    get: function get() {
-      return this.dockingPoint.localWorldPos;
-    }
-  }, {
-    key: "RotDeg",
-    get: function get() {
-      return this.dockingPoint.rotDeg;
-    }
-  }, {
-    key: "Type",
-    get: function get() {
-      return this.dockingPoint.type;
-    }
-  }, {
-    key: "IsDocking",
-    get: function get() {
-      return this.dockingPoint.isDocking;
-    }
-  }, {
-    key: "Layer",
-    get: function get() {
-      return this.layer;
-    }
-  }, {
-    key: "IgnoreLayer",
-    get: function get() {
-      return this.dockingPoint.ignoreLayer;
-    }
-  }, {
-    key: "HasNumber",
-    get: function get() {
-      return this.dockingPoint.number == undefined ? false : true;
-    }
-  }, {
-    key: "Number",
-    get: function get() {
-      return this.dockingPoint.number;
-    }
-  }, {
-    key: "PlannerConfig",
-    get: function get() {
-      return this.plannerconfig;
-    }
-  }, {
-    key: "IsDisabled",
-    get: function get() {
-      return this.isDisabled;
-    }
-  }, {
-    key: "DPFilter",
-    get: function get() {
-      return this.dockingPoint.dpFilter;
-    }
-    /**
-     * This function is called when the dockingPoint is docked to another dockingPoint
-     * @param refDockingPoint   The reference dockingpoint, this is docked to
-     * @param refElementId      The elementId of the reference DockingPoint
-     */
-  }, {
-    key: "doDock",
-    value: function doDock(refDockingPoint, refElementId) {
-      this.dockingPoint.isDocking = true;
-      this.dockingPoint.onDP = refDockingPoint;
-      this.dockingPoint.onElementId = refElementId;
-    }
-
-    /**
-     * This function is called when the dockingpoint should be undocked
-     */
-  }, {
-    key: "undock",
-    value: function undock() {
-      this.dockingPoint.isDocking = false;
-      this.dockingPoint.onDP = undefined;
-      this.dockingPoint.onElementId = undefined;
-    }
-
-    /**
-     * This function is used to disable the dp temporarily. It is ignored in the planer
-     * @param doDisable
-     */
-  }, {
-    key: "disableDP",
-    value: function disableDP(doDisable) {
-      this.isDisabled = doDisable;
-    }
-  }, {
-    key: "OnDP",
-    get: function get() {
-      return this.dockingPoint.onDP;
-    }
-  }, {
-    key: "OnElementId",
-    get: function get() {
-      return this.dockingPoint.onElementId;
-    }
-  }, {
-    key: "DpId",
-    get: function get() {
-      return this.dockingPoint.dpId;
-    }
-  }]);
-}();
-
 function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -72025,7 +71875,6 @@ exports.DivaArticle = DivaArticle;
 exports.DivaBasketHandler = DivaBasketHandler;
 exports.DivaCatalogData = DivaCatalogData;
 exports.DivaWebPlanner = DivaWebPlanner;
-exports.DockingPoint = DockingPoint;
 exports.Grid = Grid;
 exports.HQRenderScript = HQRenderScript;
 exports.JsonDataCache = JsonDataCache;