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

package/build/esm/{index-358c0a3c.js → index-66b0bc1f.js}

@@ -16,6 +16,7 @@ import _inherits from '@babel/runtime/helpers/inherits';
 import _wrapNativeSuper from '@babel/runtime/helpers/wrapNativeSuper';
 import BasketHandler from '@crystaldesign/basket-handler';
 import { io } from 'socket.io-client';
+import '@crystaldesign/planner-2d-core';
 
 (function() {
     const env = {"STAGE":"production"};
@@ -29905,7 +29906,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-7380b831.js');
+              return import('./ShelfPlanner-1fc4cfd3.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -38000,7 +38001,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return import('./DoorPlanner-60c065e5.js');
+              return import('./DoorPlanner-f06507c0.js');
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -42326,19 +42327,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();
           }
@@ -43581,7 +43585,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-28b609ef.js');
+              return import('./PfisterWWSHandler-7bc63c86.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -43589,7 +43593,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-3df03404.js');
+              return import('./LiviqueWWSHandler-83b9a588.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -43597,7 +43601,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-276a8035.js');
+              return import('./SeriousBasketHandler-86cdc817.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -43605,7 +43609,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-1d13f6a3.js');
+              return import('./StandardWWSHandler-a184d908.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -44988,7 +44992,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-0c7e84a7.js');
+              return import('./Host3DSignalR-4eeba178.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -46664,7 +46668,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context5.next = 10;
-              return import('./DivaStandardPlanner-a8f0d722.js');
+              return import('./DivaStandardPlanner-b18340c3.js');
             case 10:
               _yield$import = _context5.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -46675,7 +46679,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context5.abrupt("break", 21);
             case 15:
               _context5.next = 17;
-              return import('./DivaBoxPlanner-a347ef5d.js');
+              return import('./DivaBoxPlanner-272603f8.js');
             case 17:
               _yield$import2 = _context5.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -47972,18 +47976,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(this, "pending2DRender", void 0);
     _defineProperty(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(this, "getPlanning2DAsJpg", function () {
+    _defineProperty(this, "getPlanning2DAsJpg", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _this$getCanvas2DAsJP;
-      return (_this$getCanvas2DAsJP = _this.getCanvas2DAsJPG) === null || _this$getCanvas2DAsJP === void 0 ? void 0 : _this$getCanvas2DAsJP.call(_this);
-    });
+      return _regeneratorRuntime.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(this, "onElementSelectionChanged", function (setId, elementId, oldTabgroupType) {
       if (setId) {
@@ -48018,35 +48032,35 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param configStepKey unique indentifier for configStep
      */
     _defineProperty(this, "loadConfigItemsOfOptions", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(configStepKey, paletteId, isUpdate, visible) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(configStepKey, paletteId, isUpdate, visible) {
         var _this$state2, _this$state3, _this$updateConfigIte;
         var retValues;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regeneratorRuntime.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(this, "loadSummaryItems", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    _defineProperty(this, "loadSummaryItems", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var _this$actions, _this$actions$toggleL, _this$updateSummaryIt, _this$actions2, _this$actions2$toggle;
       var setPriceCurrency, setPriceFormat, summaryItems;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             setPriceCurrency = setHandlerInstance.getActSetPriceFormat(_this.actSet());
             setPriceFormat = undefined;
@@ -48057,17 +48071,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(this, "loadStaticRoomList", function (dontUpdateView) {
       var _this$updateStaticRoo2;
@@ -48098,41 +48112,41 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param parentElement ElementID of the parent element used for docking
      */
     _defineProperty(this, "addPlannerElement", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(elementCodex, initParams, dontUpdateView) {
+      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime.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.getCurrentTraceId() + ' ' + DivaUtils.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.getCurrentTraceId() + ' ' + DivaUtils.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));
@@ -48144,15 +48158,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);
       };
     }());
     /**
@@ -48162,27 +48176,27 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param articleCodex articleCodex of the new Element
      */
     _defineProperty(this, "switchPlannerElement", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(setId, elementId, articleCodex, initParams) {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime.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({}, (!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);
@@ -48197,29 +48211,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(this, "addAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey, partlistCodexToInit) {
+      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime.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');
@@ -48231,29 +48245,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(this, "moveShelfItem", /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(paletteId, grid, initialIndex, finalIndex, configStepKey) {
+      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(paletteId, grid, initialIndex, finalIndex, configStepKey) {
         var _this$updateViewPlann4;
         var set, result, _this$updatePlannerMs, _this$i18n3;
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime.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);
               }
@@ -48263,12 +48277,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(this, "moveDoors", function (movedDoor, targetDoor) {
@@ -48276,14 +48290,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       _this.updatePlannerView('MOVE_DOORS');
     });
     _defineProperty(this, "deleteAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
+      var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
         var _this$updateViewPlann5;
         var set;
-        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime.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();
@@ -48296,12 +48310,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);
       };
     }());
     /**
@@ -48312,12 +48326,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param transState
      */
     _defineProperty(this, "updatePlannerTrans", /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
+      var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
         var _this$updateElementSe3;
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime.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') {
@@ -48326,12 +48340,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);
       };
     }());
     /**
@@ -48350,18 +48364,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
     });
     _defineProperty(this, "updateAccessoireQuantity", /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
+      var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
         var _this$actions11, _this$actions11$toggl, _this$actions12, _this$actions12$toggl;
         var set, ret;
-        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime.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');
@@ -48371,25 +48385,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(this, "deleteAccessoire", /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(articleCodex, parentBasketId) {
+      var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(articleCodex, parentBasketId) {
         var set, wasDeleted, _this$updateViewPlann6;
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime.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));
@@ -48399,15 +48413,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(this, "loadPaletteInfos", function (configStepKey, activeArticles, targetArticles) {
@@ -48429,13 +48443,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param configStepKey act ConfigStep
      */
     _defineProperty(this, "configSingleIsChanged", /*#__PURE__*/function () {
-      var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
+      var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
         var set;
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regeneratorRuntime.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();
@@ -48445,15 +48459,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);
       };
     }());
     /**
@@ -48467,23 +48481,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     //onConfigItemClick ist ein Click auf das Item der ConfigPalette um die OPV zu ändern
     _defineProperty(this, "doConfigure", /*#__PURE__*/function () {
-      var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents, eventKey) {
+      var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regeneratorRuntime.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);
@@ -48497,80 +48511,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(this, "fillBaksetforOnWebPlanerConfigChange", /*#__PURE__*/function () {
-      var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(myValues, isInit, eventKey) {
+      var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(myValues, isInit, eventKey) {
         var _myValues;
         var set, articles, article;
-        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regeneratorRuntime.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(this, "getPosNr", function (basketId) {
@@ -48608,10 +48622,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   return _createClass(DivaWebPlanner, [{
     key: "initialize",
     value: function () {
-      var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(cache) {
+      var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(cache) {
         var viewReadyPromise, loadSuccessful, ret, set, _this$actions15, _this$i18n4, _this$i18n5, initializationId;
-        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               this.api = new DivaApiHandler(this.plannerConfig, this.handler, cache);
               this.api.setI18n(this.i18n);
@@ -48625,15 +48639,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.businessMetrics.setConfiguratorSessionId(this.plannerConfig.configuratorSessionId);
@@ -48645,14 +48659,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 DivaUtils.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({
@@ -48661,15 +48675,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();
@@ -48678,12 +48692,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);
@@ -48693,50 +48707,50 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initializeSets",
     value: function () {
-      var _initializeSets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(loadSuccessful, viewReadyPromise) {
+      var _initializeSets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regeneratorRuntime.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()) {
@@ -48745,10 +48759,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({
@@ -48785,15 +48799,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);
@@ -48954,24 +48968,24 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initView",
     value: (function () {
-      var _initView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16() {
+      var _initView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17() {
         var _this$initConfigurato;
         var set, plannerMode, _this$initConfigurato2, _this$initPlannerView, _this$initConfigurato3, _this$updateViewButto, _this$updateViewPlann9, _this$onBasketInitial;
-        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+        return _regeneratorRuntime.wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
               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
@@ -48985,13 +48999,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);
@@ -49012,25 +49026,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "runInitMode",
     value: function () {
-      var _runInitMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(plannerMode) {
+      var _runInitMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee17$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regeneratorRuntime.wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
               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) {
@@ -49054,9 +49068,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);
@@ -49066,16 +49080,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addSetToActPlanningByDivaNr",
     value: function () {
-      var _addSetToActPlanningByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(divaNr) {
+      var _addSetToActPlanningByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(divaNr) {
         var _this$updateViewPlann10;
         var set, orderSets, i, orderset, lastSetToInitialize, loadedSet, articlesKeys;
-        return _regeneratorRuntime.wrap(function _callee18$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+        return _regeneratorRuntime.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;
@@ -49083,30 +49097,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 = [];
@@ -49118,9 +49132,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);
@@ -49155,26 +49169,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "setActSetCurConfigStepKey",
     value: function () {
-      var _setActSetCurConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(curConfigStepKey) {
+      var _setActSetCurConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(curConfigStepKey) {
         var set;
-        return _regeneratorRuntime.wrap(function _callee19$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+        return _regeneratorRuntime.wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
               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);
@@ -49269,7 +49283,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;
@@ -49306,6 +49320,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() {
@@ -49366,17 +49393,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(setId, elementId, denyElementSelectionClear) {
+      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(setId, elementId, denyElementSelectionClear) {
         var _this$updateViewPlann12;
         var set, result, _this$updateElementSe5, _this$updateElementSe6;
-        return _regeneratorRuntime.wrap(function _callee20$(_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+        return _regeneratorRuntime.wrap(function _callee21$(_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
             case 0:
               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');
@@ -49387,15 +49414,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);
@@ -49410,14 +49437,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "movePlannerElement",
     value: (function () {
-      var _movePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(setId, elementId, curConfigKey, absoluteIndex) {
+      var _movePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(setId, elementId, curConfigKey, absoluteIndex) {
         var _this$updateViewPlann13;
         var set;
-        return _regeneratorRuntime.wrap(function _callee21$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+        return _regeneratorRuntime.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();
@@ -49427,9 +49454,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);
@@ -49446,23 +49473,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElement",
     value: (function () {
-      var _copyPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(setId, elementId, curConfigKey, copyInfo) {
+      var _copyPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(setId, elementId, curConfigKey, copyInfo) {
         var _this$updateViewPlann14;
         var set, newSelectedArticle, newConfigStepKey, _this$updateElementSe7, baseArticle;
-        return _regeneratorRuntime.wrap(function _callee22$(_context22) {
-          while (1) switch (_context22.prev = _context22.next) {
+        return _regeneratorRuntime.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');
@@ -49476,12 +49503,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);
@@ -49512,48 +49539,48 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getFreePlacesOnGrids",
     value: function () {
-      var _getFreePlacesOnGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(gridGroup, from) {
+      var _getFreePlacesOnGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(gridGroup, from) {
         var _this$updateFreePlace;
         var set, freeShelfGrids, plannedShelfGrids;
-        return _regeneratorRuntime.wrap(function _callee23$(_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+        return _regeneratorRuntime.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);
@@ -49571,34 +49598,34 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var set, newGridId;
-        return _regeneratorRuntime.wrap(function _callee24$(_context24) {
-          while (1) switch (_context24.prev = _context24.next) {
+        return _regeneratorRuntime.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);
@@ -49622,25 +49649,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "resetArticle",
     value: function () {
-      var _resetArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(basketId) {
+      var _resetArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(basketId) {
         var set;
-        return _regeneratorRuntime.wrap(function _callee25$(_context25) {
-          while (1) switch (_context25.prev = _context25.next) {
+        return _regeneratorRuntime.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);
@@ -49672,10 +49699,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "checkMatchingProducts",
     value: function () {
-      var _checkMatchingProducts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(from) {
+      var _checkMatchingProducts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(from) {
         var set, _set$getMatchingProdu, _set$getMatchingOrigP, _set$getMatchingOrigP2, _set$getMatchingProdu2;
-        return _regeneratorRuntime.wrap(function _callee26$(_context26) {
-          while (1) switch (_context26.prev = _context26.next) {
+        return _regeneratorRuntime.wrap(function _callee27$(_context27) {
+          while (1) switch (_context27.prev = _context27.next) {
             case 0:
               set = this.actSet();
               if (set !== null && set !== void 0 && set.api.doCheckForProductsPrice()) {
@@ -49689,18 +49716,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);
@@ -49779,7 +49806,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasketWrapper",
     value: function () {
-      var _saveToBasketWrapper = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(event, repairOnly, returnToParam, hideLoading) {
+      var _saveToBasketWrapper = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(event, repairOnly, returnToParam, hideLoading) {
         var _this$actions28,
           _this$actions28$toggl,
           _this$actions29,
@@ -49788,8 +49815,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.wrap(function _callee27$(_context27) {
-          while (1) switch (_context27.prev = _context27.next) {
+        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
             case 0:
               returnTo = returnToParam !== null && returnToParam !== void 0 ? returnToParam : this.getReturnTo(event);
               finalEvent = {
@@ -49797,13 +49824,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 DivaError('failed to save Basket'));
@@ -49811,10 +49838,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 text: ((_this$i18n12 = this.i18n()) === null || _this$i18n12 === void 0 ? void 0 : _this$i18n12.t('modal.general_error')) + ' --- ' + DivaUtils.formatDate(new Date(), true, undefined, true) + ' --- ' + DivaUtils.getCurrentTraceId() ? ((_this$i18n13 = this.i18n()) === null || _this$i18n13 === void 0 ? void 0 : _this$i18n13.t('modal.errorcode')) + ': ' + DivaUtils.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) {
@@ -49834,7 +49861,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'),
@@ -49842,18 +49869,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);
@@ -49863,42 +49890,42 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasket",
     value: function () {
-      var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(returnTo, event, repairOnly) {
+      var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee28$(_context28) {
-          while (1) switch (_context28.prev = _context28.next) {
+        return _regeneratorRuntime.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;
@@ -49913,11 +49940,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({
@@ -49930,7 +49957,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);
@@ -49945,26 +49972,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 BasketData(JSON.parse(JSON.stringify(actBasket)));
-              _context28.next = 38;
+              _context29.next = 38;
               return DivaUtils.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) {
@@ -49974,30 +50001,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);
@@ -50014,24 +50041,24 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "generateAiImageWithReferenceImages",
     value: function () {
-      var _generateAiImageWithReferenceImages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(data, leadKey) {
+      var _generateAiImageWithReferenceImages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(data, leadKey) {
         var _this$actSet11, _this$state6, _this$actSet12;
-        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
-          while (1) switch (_context29.prev = _context29.next) {
+        return _regeneratorRuntime.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);
@@ -50041,25 +50068,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getUsageLimits",
     value: function () {
-      var _getUsageLimits = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30() {
+      var _getUsageLimits = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
         var _localStorage$getItem, _localStorage;
         var leadKey;
-        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
-          while (1) switch (_context30.prev = _context30.next) {
+        return _regeneratorRuntime.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);
@@ -50069,23 +50096,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getAiRoomRenderings",
     value: function () {
-      var _getAiRoomRenderings = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
+      var _getAiRoomRenderings = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32() {
         var _this$state7;
         var organizationId, lang;
-        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
-          while (1) switch (_context31.prev = _context31.next) {
+        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
+          while (1) switch (_context32.prev = _context32.next) {
             case 0:
               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);
@@ -50095,19 +50122,19 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "createLeadKey",
     value: function () {
-      var _createLeadKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32(email) {
-        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
-          while (1) switch (_context32.prev = _context32.next) {
+      var _createLeadKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33(email) {
+        return _regeneratorRuntime.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);
@@ -50405,23 +50432,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getBasketDataWithEkText",
     value: function () {
-      var _getBasketDataWithEkText = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33() {
-        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
-          while (1) switch (_context33.prev = _context33.next) {
+      var _getBasketDataWithEkText = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34() {
+        return _regeneratorRuntime.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);
@@ -50447,7 +50474,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addToBasket",
     value: function () {
-      var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(actBasket) {
+      var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(actBasket) {
         var _this$actions36,
           _this$actions37,
           _this$actions38,
@@ -50466,44 +50493,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           to,
           variants,
           products,
-          _args34 = arguments;
-        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
-          while (1) switch (_context34.prev = _context34.next) {
+          _args35 = arguments;
+        return _regeneratorRuntime.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;
@@ -50538,41 +50565,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);
@@ -50629,26 +50656,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCurrentBasket",
     value: function () {
-      var _getCurrentBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(event, force, returnTo, dontGoToSummary, hideLoading) {
+      var _getCurrentBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee36(event, force, returnTo, dontGoToSummary, hideLoading) {
         var _this$actSet40, _this$divaBasketHandl5, _this$onClickAddToBas3;
-        return _regeneratorRuntime.wrap(function _callee35$(_context35) {
-          while (1) switch (_context35.prev = _context35.next) {
+        return _regeneratorRuntime.wrap(function _callee36$(_context36) {
+          while (1) switch (_context36.prev = _context36.next) {
             case 0:
               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);
@@ -50881,9 +50908,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initApiForLogicOnly",
     value: //just for testing purposes
     function () {
-      var _initApiForLogicOnly = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee36(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
-        return _regeneratorRuntime.wrap(function _callee36$(_context36) {
-          while (1) switch (_context36.prev = _context36.next) {
+      var _initApiForLogicOnly = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee37(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
+        return _regeneratorRuntime.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), {}, {
@@ -50896,16 +50923,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);
@@ -50920,16 +50947,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "loadBasket",
     value: function () {
-      var _loadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee37() {
-        return _regeneratorRuntime.wrap(function _callee37$(_context37) {
-          while (1) switch (_context37.prev = _context37.next) {
+      var _loadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee38() {
+        return _regeneratorRuntime.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);
@@ -50944,39 +50971,39 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee38(init3D, ignoreFavorites) {
+      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee39(init3D, ignoreFavorites) {
         var initSetState, set, basket;
-        return _regeneratorRuntime.wrap(function _callee38$(_context38) {
-          while (1) switch (_context38.prev = _context38.next) {
+        return _regeneratorRuntime.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);
@@ -51015,21 +51042,21 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getValidVariantsLength",
     value: function () {
-      var _getValidVariantsLength = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee39() {
+      var _getValidVariantsLength = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee40() {
         var set;
-        return _regeneratorRuntime.wrap(function _callee39$(_context39) {
-          while (1) switch (_context39.prev = _context39.next) {
+        return _regeneratorRuntime.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);
@@ -51039,44 +51066,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee40(mode) {
+      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee41(mode) {
         var _this5 = this;
         var set, i;
-        return _regeneratorRuntime.wrap(function _callee40$(_context40) {
-          while (1) switch (_context40.prev = _context40.next) {
+        return _regeneratorRuntime.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.Sleep(200);
             case 5:
               i++;
               if (!(i > 1000)) {
-                _context40.next = 9;
+                _context41.next = 9;
                 break;
               }
               LOG$2.error(new 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);
@@ -51091,46 +51118,46 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initSapOrderLinesFromBasket",
     value: function () {
-      var _initSapOrderLinesFromBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee41(divaNr, init3D, onlyLoadOldBakset) {
+      var _initSapOrderLinesFromBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee42(divaNr, init3D, onlyLoadOldBakset) {
         var result, oldBasket, basket;
-        return _regeneratorRuntime.wrap(function _callee41$(_context41) {
-          while (1) switch (_context41.prev = _context41.next) {
+        return _regeneratorRuntime.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 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 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);
@@ -51386,183 +51413,6 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }]);
 }();
 
-var DockingPoint = /*#__PURE__*/function () {
-  function DockingPoint(elementId, type, name, localPos, rotDeg, layer, plannerconfig, filter) {
-    _classCallCheck(this, DockingPoint);
-    _defineProperty(this, "dockingPoint", void 0);
-    _defineProperty(this, "layer", void 0);
-    _defineProperty(this, "isDisabled", void 0);
-    //this is used to disable a docking point temporarily
-    _defineProperty(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(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(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; } } }; }
@@ -71996,4 +71846,4 @@ function _withTimeout() {
   return _withTimeout.apply(this, arguments);
 }
 
-export { ArtifactGenerationError as A, BoundingBox as B, Cell as C, DockingPoint as D, Grid as G, HQRenderScript as H, JsonDataCache as J, OptionCatalogData as O, PlannerElementData as P, Rendering as R, Vector3 as V, articleHandlerInstance as a, setHandlerInstance as b, Vector2 as c, DivaWebPlanner as d, DivaArticle as e, DivaCatalogData as f, DivaBasketHandler as g, CatalogPlannerArticleData as h, Vector4 as i, creatRenderOrders as j, getOrigProductId as k, loadAndRepairBasket as l, headlessSession as m, collectStructureStepKeys as n, runHeadlessArtifactPassBatch as o, runHeadlessArtifactPass as r, summaryHandlerInstance as s };
+export { ArtifactGenerationError as A, BoundingBox as B, Cell as C, DivaWebPlanner as D, Grid as G, HQRenderScript as H, JsonDataCache as J, OptionCatalogData as O, PlannerElementData as P, Rendering as R, Vector3 as V, articleHandlerInstance as a, setHandlerInstance as b, Vector2 as c, DivaArticle as d, DivaCatalogData as e, DivaBasketHandler as f, CatalogPlannerArticleData as g, Vector4 as h, creatRenderOrders as i, getOrigProductId as j, headlessSession as k, loadAndRepairBasket as l, collectStructureStepKeys as m, runHeadlessArtifactPassBatch as n, runHeadlessArtifactPass as r, summaryHandlerInstance as s };