@crystaldesign/web-planner-logic 24.11.0-beta.4 → 24.11.0-beta.40

package/build/cjs/{index-4d5cef6f.js → index-4d3eb4fa.js}

@@ -115,7 +115,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "fetchData",
     value: function () {
-      var _fetchData = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(url, init) {
+      var _fetchData = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(url, init) {
         var skip,
           response,
           finalUrl,
@@ -208,7 +208,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getDataWithoutCache",
     value: function () {
-      var _getDataWithoutCache = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(queryString, init, useWebServiceApi) {
+      var _getDataWithoutCache = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(queryString, init, useWebServiceApi) {
         var _this$apiConfig, _this$apiConfig2, api2Url;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -280,7 +280,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getDataCache",
     value: function () {
-      var _getDataCache = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(queryString, cacheMD5, accountSessionGuid, useWebServiceApi, method, data) {
+      var _getDataCache = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(queryString, cacheMD5, accountSessionGuid, useWebServiceApi, method, data) {
         var myQS, url, init, addSession, _this$apiConfig3, _this$apiConfig4, api2Url, result;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -380,7 +380,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "saveAsProduct",
     value: function () {
-      var _saveAsProduct = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(sets, basket) {
+      var _saveAsProduct = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(sets, basket) {
         var catalogData, _this$handler;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -709,7 +709,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "setAccountSessionGuid",
     value: function () {
-      var _setAccountSessionGuid = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(_ref) {
+      var _setAccountSessionGuid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(_ref) {
         var os, accountGuid, catalogGuid, response, _this$actions;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -1059,7 +1059,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getArticleJson",
     value: function () {
-      var _getArticleJson = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(artCodex, catalogCodex, accountSessionGuid) {
+      var _getArticleJson = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(artCodex, catalogCodex, accountSessionGuid) {
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -1081,7 +1081,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getJsonOptionTree",
     value: function () {
-      var _getJsonOptionTree = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(templateCodex, catalogCodex, accountSessionGuid) {
+      var _getJsonOptionTree = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(templateCodex, catalogCodex, accountSessionGuid) {
         return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
@@ -1103,7 +1103,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "loadArticlePricesQS",
     value: function () {
-      var _loadArticlePricesQS = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(artCodex, catalogCodex, accountSessionGuid) {
+      var _loadArticlePricesQS = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(artCodex, catalogCodex, accountSessionGuid) {
         return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
@@ -1141,7 +1141,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "postHQRenderScript",
     value: function () {
-      var _postHQRenderScript = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(data) {
+      var _postHQRenderScript = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(data) {
         var url, headers, res;
         return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
@@ -1178,7 +1178,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "postPlanningInfo",
     value: function () {
-      var _postPlanningInfo = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(planningInfo, divaNr, imgUrl, price, name, userId, firstName, lastName, organizationId) {
+      var _postPlanningInfo = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(planningInfo, divaNr, imgUrl, price, name, userId, firstName, lastName, organizationId) {
         var data, url, headers;
         return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
@@ -1232,7 +1232,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getDimensionbyId",
     value: function () {
-      var _getDimensionbyId = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(id, iln, catalogCodex, plannedOptions) {
+      var _getDimensionbyId = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(id, iln, catalogCodex, plannedOptions) {
         var _this$apiConfig23;
         var fullUrl, res, headers;
         return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
@@ -1277,7 +1277,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "createBasketReport",
     value: function () {
-      var _createBasketReport = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(basket, _ref2) {
+      var _createBasketReport = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(basket, _ref2) {
         var type,
           printOptions,
           savePdf,
@@ -17088,7 +17088,7 @@ var CatalogArticleData = /*#__PURE__*/function () {
       if (articleRelations[0].Articles.length > 0) {
         this.catalogArticle.hasArticleRelations = true;
         for (var i = 0; i < articleRelations[0].Articles.length; i++) {
-          var _catalogArticle$catal, _catalogArticle$catal2, _catalogArticle$catal3, _catalogArticle$catal4, _catalogArticle$catal5, _catalogArticle$catal6;
+          var _catalogArticle$catal, _catalogArticle$catal2, _catalogArticle$catal3, _catalogArticle$catal4, _catalogArticle$catal5, _catalogArticle$catal6, _catalogArticle$catal7, _catalogArticle$catal8, _catalogArticle$catal9, _catalogArticle$catal10;
           var myAcc = articleRelations[0].Articles[i];
           if (this.catalogCodex != myAcc.CatalogCodex) {
             //DivaUtils.LOG.log("Accessoire ist von einem anderen Catalog. Sollte eig funktionern aber bitte testen!");
@@ -17113,6 +17113,8 @@ var CatalogArticleData = /*#__PURE__*/function () {
             hasAVC: ((_catalogArticle$catal = (_catalogArticle$catal2 = catalogArticle.catalogPlannerArticle) === null || _catalogArticle$catal2 === void 0 ? void 0 : _catalogArticle$catal2.topAVC) !== null && _catalogArticle$catal !== void 0 ? _catalogArticle$catal : 0) > 0,
             hasAVO: ((_catalogArticle$catal3 = (_catalogArticle$catal4 = catalogArticle.catalogPlannerArticle) === null || _catalogArticle$catal4 === void 0 ? void 0 : _catalogArticle$catal4.topAVO) !== null && _catalogArticle$catal3 !== void 0 ? _catalogArticle$catal3 : 0) > 0,
             hasAVU: ((_catalogArticle$catal5 = (_catalogArticle$catal6 = catalogArticle.catalogPlannerArticle) === null || _catalogArticle$catal6 === void 0 ? void 0 : _catalogArticle$catal6.topAVU) !== null && _catalogArticle$catal5 !== void 0 ? _catalogArticle$catal5 : 0) > 0,
+            hasAVN: ((_catalogArticle$catal7 = (_catalogArticle$catal8 = catalogArticle.catalogPlannerArticle) === null || _catalogArticle$catal8 === void 0 ? void 0 : _catalogArticle$catal8.topAVN) !== null && _catalogArticle$catal7 !== void 0 ? _catalogArticle$catal7 : 0) > 0,
+            hasAVS: ((_catalogArticle$catal9 = (_catalogArticle$catal10 = catalogArticle.catalogPlannerArticle) === null || _catalogArticle$catal10 === void 0 ? void 0 : _catalogArticle$catal10.topAVS) !== null && _catalogArticle$catal9 !== void 0 ? _catalogArticle$catal9 : 0) > 0,
             width: catalogArticle.width,
             height: catalogArticle.height,
             depth: catalogArticle.depth,
@@ -17559,6 +17561,8 @@ var CatalogPlannerArticleData = /*#__PURE__*/function () {
       topAVO: jsonArticle.TopAVO ? jsonArticle.TopAVO : -1,
       topAVU: jsonArticle.TopAVU ? jsonArticle.TopAVU : -1,
       topAVC: jsonArticle.TopAVC ? jsonArticle.TopAVC : -1,
+      topAVN: jsonArticle.TopAVN ? jsonArticle.TopAVN : -1,
+      topAVS: jsonArticle.TopAVS ? jsonArticle.TopAVS : -1,
       topIsAccessoire: jsonArticle.TopIsAccessoire != undefined ? jsonArticle.TopIsAccessoire : undefined,
       j3DUrl: jsonArticle.J3DUrl && jsonArticle.J3DUrl != '' ? jsonArticle.J3DUrl : undefined,
       isArticleRelation: jsonArticle.IsArticleRelation != undefined ? jsonArticle.IsArticleRelation : undefined,
@@ -17762,6 +17766,16 @@ var CatalogPlannerArticleData = /*#__PURE__*/function () {
     get: function get() {
       return this.catPlanArt.topAVU;
     }
+  }, {
+    key: "topAVN",
+    get: function get() {
+      return this.catPlanArt.topAVN;
+    }
+  }, {
+    key: "topAVS",
+    get: function get() {
+      return this.catPlanArt.topAVS;
+    }
   }, {
     key: "getSvgInSvgWithFormulaArr",
     value: function getSvgInSvgWithFormulaArr(curSVG) {
@@ -17790,9 +17804,9 @@ var CatalogPlannerArticleData = /*#__PURE__*/function () {
     get: function get() {
       if (
       //if the article hasTopSvg
-      this.hasTopSvg && (this.topAVC > 0 || this.topAVO > 0 || this.topAVU > 0 || this.topHasAVL || this.topHasAVR) ||
+      this.hasTopSvg && (this.topAVC > 0 || this.topAVO > 0 || this.topAVU > 0 || this.topAVN > 0 || this.topAVS > 0 || this.topHasAVL || this.topHasAVR) ||
       //if the article  hasTopSvgsWithFormula (more svgs). All svgs have to have the same dp
-      this.hasTopSvgsWithFormula && this.topSvgsWithFormula.length > 0 && (this.topSvgsWithFormula[0].AVC > 0 || this.topSvgsWithFormula[0].AVO > 0 || this.topSvgsWithFormula[0].AVU > 0 || this.topSvgsWithFormula[0].HasAVL || this.topSvgsWithFormula[0].HasAVR)) {
+      this.hasTopSvgsWithFormula && this.topSvgsWithFormula.length > 0 && (this.topSvgsWithFormula[0].AVC > 0 || this.topSvgsWithFormula[0].AVO > 0 || this.topSvgsWithFormula[0].AVU > 0 || this.topSvgsWithFormula[0].AVN > 0 || this.topSvgsWithFormula[0].AVS > 0 || this.topSvgsWithFormula[0].HasAVL || this.topSvgsWithFormula[0].HasAVR)) {
         return true;
       }
       return false;
@@ -18160,7 +18174,6 @@ var DivaCatalogData = /*#__PURE__*/function () {
       supplierCatalogName: json.SupplierCatalogName,
       additionalCatalogPrice: json.AdditionalCatalogPrice,
       additionalCatalogPriceText: json.AdditionalCatalogPriceText,
-      autoSelectFirstValue: true,
       rounding: json.Rounding,
       digits: json.Digits,
       useEkPrices: this.api.useEkPrices,
@@ -18791,6 +18804,8 @@ var DivaCatalogData = /*#__PURE__*/function () {
               hasAVC: topSvg.TopAVC && topSvg.TopAVC > 0 || topSvg.AVC && topSvg.AVC > 0 ? true : false,
               hasAVO: topSvg.TopAVO && topSvg.TopAVO > 0 || topSvg.AVO && topSvg.AVO > 0 ? true : false,
               hasAVU: topSvg.TopAVU && topSvg.TopAVU > 0 || topSvg.AVU && topSvg.AVU > 0 ? true : false,
+              hasAVN: topSvg.TopAVN && topSvg.TopAVN > 0 || topSvg.AVN && topSvg.AVN > 0 ? true : false,
+              hasAVS: topSvg.TopAVS && topSvg.TopAVS > 0 || topSvg.AVS && topSvg.AVS > 0 ? true : false,
               hasAVR: topSvg.HasAVR ? true : false,
               hasAVL: topSvg.HasAVL ? true : false,
               jsonFormula: topSvg.JsFormula,
@@ -18847,6 +18862,8 @@ var DivaCatalogData = /*#__PURE__*/function () {
           hasAVC: catPlanArticle.topAVC && catPlanArticle.topAVC > 0 ? true : false,
           hasAVO: catPlanArticle.topAVO && catPlanArticle.topAVO > 0 ? true : false,
           hasAVU: catPlanArticle.topAVU && catPlanArticle.topAVU > 0 ? true : false,
+          hasAVN: catPlanArticle.topAVN && catPlanArticle.topAVN > 0 ? true : false,
+          hasAVS: catPlanArticle.topAVS && catPlanArticle.topAVS > 0 ? true : false,
           hasAVR: hasAVR,
           hasAVL: hasAVL,
           layer: catPlanArticle.topLayer ? Number(catPlanArticle.topLayer) : 20,
@@ -19065,11 +19082,6 @@ var DivaCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogData.dontShowAccStep;
     }
-  }, {
-    key: "autoSelectFirstValue",
-    value: function autoSelectFirstValue() {
-      return this.catalogData.autoSelectFirstValue;
-    }
 
     //Planner configurations
   }, {
@@ -19579,7 +19591,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
   }, {
     key: "updateMask",
     value: function () {
-      var _updateMask = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(data) {
+      var _updateMask = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(data) {
         var additionalModelInfos;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -19652,7 +19664,7 @@ var DivaCatalogHandler = /*#__PURE__*/function () {
   return _createClass__default["default"](DivaCatalogHandler, [{
     key: "getCatalogData",
     value: function () {
-      var _getCatalogData = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(state, catalogCodex, orderSet) {
+      var _getCatalogData = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(state, catalogCodex, orderSet) {
         var catalogKey, promises, _yield$Promise$all, _yield$Promise$all2, catalogApiData, catalogArticleListData, catalogArticlePlannerListData, additionalModelInfos, mask, _state$catalogMask, catalogData, _state$actions;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -20498,6 +20510,8 @@ var DivaArticle = /*#__PURE__*/function () {
         countAVC: -1,
         countAVO: -1,
         countAVU: -1,
+        countAVN: -1,
+        countAVS: -1,
         hasAVL: false,
         hasAVR: false,
         isAccessoire: false,
@@ -20527,6 +20541,8 @@ var DivaArticle = /*#__PURE__*/function () {
           this.actPlannerData.countAVC = plannerElement.topAVC;
           this.actPlannerData.countAVO = plannerElement.topAVO;
           this.actPlannerData.countAVU = plannerElement.topAVU;
+          this.actPlannerData.countAVN = plannerElement.topAVN;
+          this.actPlannerData.countAVS = plannerElement.topAVS;
         }
         this.actPlannerData.accessoireList = this.accessoireList;
         this.actPlannerData.svgsWithFormula = plannerElement.topSvgsWithFormula;
@@ -21360,7 +21376,7 @@ var DivaArticle = /*#__PURE__*/function () {
     get: function get() {
       var _this$accessoireParen7;
       if (this.relatedToShelfGrid !== undefined && (_this$accessoireParen7 = this.accessoireParentArticle) !== null && _this$accessoireParen7 !== void 0 && _this$accessoireParen7.shelfPlanner) {
-        return this.accessoireParentArticle.shelfPlanner.getRelatedToGridIdByArticleCodex(this.articleCodex);
+        return this.accessoireParentArticle.shelfPlanner.getRelatedToGridIdByArticleCodex(this.articleCodex, this.relatedToShelfGrid);
       }
       return undefined;
     }
@@ -21554,6 +21570,8 @@ var DivaArticle = /*#__PURE__*/function () {
       this.actPlannerData.countAVC = this.article.catalogArticle.catalogPlannerArticle.topAVC;
       this.actPlannerData.countAVO = this.article.catalogArticle.catalogPlannerArticle.topAVO;
       this.actPlannerData.countAVU = this.article.catalogArticle.catalogPlannerArticle.topAVU;
+      this.actPlannerData.countAVN = this.article.catalogArticle.catalogPlannerArticle.topAVN;
+      this.actPlannerData.countAVS = this.article.catalogArticle.catalogPlannerArticle.topAVS;
       this.actPlannerData.isAccessoire = !this.isPartListArticle && this.article.relatedToBasketId != undefined;
     }
   }, {
@@ -22236,6 +22254,7 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "validateAndSetNewConfigValues",
     value: function validateAndSetNewConfigValues(newConfigValues) {
+      var freeTextValues = {};
       for (var key in newConfigValues) {
         var _ops3, _ops4, _newConfigValues$key;
         var ops = this.getArticleOptionState(key);
@@ -22246,7 +22265,7 @@ var DivaArticle = /*#__PURE__*/function () {
           ops = this.handleMultiselect(ops, newConfigValues, key);
         }
         if ((_ops4 = ops) !== null && _ops4 !== void 0 && _ops4.isFreeText) {
-          this.handleFreeText(ops, newConfigValues, key);
+          this.handleFreeText(ops, newConfigValues, key, freeTextValues);
         }
         var opvCodex = (_newConfigValues$key = newConfigValues[key]) === null || _newConfigValues$key === void 0 ? void 0 : _newConfigValues$key.split(';')[0];
         var foundItem = this.checkOptionAndOptionValue(optionCodex, opvCodex, partenOptionCodex);
@@ -22331,7 +22350,7 @@ var DivaArticle = /*#__PURE__*/function () {
     }
   }, {
     key: "handleFreeText",
-    value: function handleFreeText(ops, newConfigValues, key) {
+    value: function handleFreeText(ops, newConfigValues, key, freeTextValues) {
       var _this$set$ViewConfig;
       var _this$parentOptionCod5 = this.parentOptionCodex(key),
         optionCodex = _this$parentOptionCod5.optionCodex,
@@ -22343,7 +22362,14 @@ var DivaArticle = /*#__PURE__*/function () {
         ops.freeTextLang['DE'] = langs[0];
         ops.freeTextLang['FR'] = langs[1];
         ops.freeTextLang['IT'] = langs[2];
-      } else if (newConfigValues[optionCodex + '_val'] === undefined) {
+      } else {
+        var _freeTextValues$optio;
+        var doSetValue = newConfigValues[optionCodex + '_val'] === undefined;
+        if (!doSetValue && !((_freeTextValues$optio = freeTextValues[optionCodex]) !== null && _freeTextValues$optio !== void 0 && _freeTextValues$optio.exactMatchingKey) && key === partenOptionCodex + '.' + optionCodex) doSetValue = true;
+        if (!doSetValue) return;
+        freeTextValues[optionCodex] = {
+          exactMatchingKey: key === partenOptionCodex + '.' + optionCodex
+        };
         newConfigValues[optionCodex + '_val'] = value === null || value === void 0 ? void 0 : value.split(';')[0];
         var _this$checkOptionAndO = this.checkOptionAndOptionValue(optionCodex, newConfigValues[key], partenOptionCodex),
           opv = _this$checkOptionAndO.opv;
@@ -23525,7 +23551,7 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "updateShelfPlannerState",
     value: function () {
-      var _updateShelfPlannerState = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+      var _updateShelfPlannerState = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
         var _this$doorPlanner;
         var j3D, _yield$import, ShelfPlanner;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
@@ -23537,7 +23563,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-561be11e.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-8b2db628.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -24081,6 +24107,8 @@ var DivaArticle = /*#__PURE__*/function () {
               this.actPlannerData.countAVC = mySVG.AVC;
               this.actPlannerData.countAVO = mySVG.AVO;
               this.actPlannerData.countAVU = mySVG.AVU;
+              this.actPlannerData.countAVN = mySVG.AVN;
+              this.actPlannerData.countAVS = mySVG.AVS;
               this.actPlannerData.hasAVL = mySVG.HasAVL;
               this.actPlannerData.hasAVR = mySVG.HasAVR;
               LOG$c.debug('new SVG by SVG tausch', {
@@ -24090,6 +24118,8 @@ var DivaArticle = /*#__PURE__*/function () {
                 AVC: mySVG.AVC,
                 AVO: mySVG.AVO,
                 AVU: mySVG.AVU,
+                AVN: mySVG.AVN,
+                AVS: mySVG.AVS,
                 HasAVL: mySVG.HasAVL,
                 HasAVR: mySVG.HasAVR
               });
@@ -24487,25 +24517,69 @@ var DivaArticleHandler = /*#__PURE__*/function () {
     key: "loadArticle",
     value: //Initialisiert eventuell Option Tree und Infos im CatalogArticle
     function () {
-      var _loadArticle = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(set, articleCodex, initParams) {
-        var catalog, _set$getSetState$acti, _set$getSetState$acti2, _set$getSetState$acti3, _set$getSetState$acti4, catalogArticle, newBasketId, _set$actions;
+      var _loadArticle = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(set, articleCodex, initParams) {
+        var _yield$this$preLoadAr, catalog, catalogArticle, newBasketId, _set$actions;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return this.preLoadArticle(set, articleCodex, initParams);
+            case 2:
+              _yield$this$preLoadAr = _context.sent;
+              catalog = _yield$this$preLoadAr.catalog;
+              catalogArticle = _yield$this$preLoadAr.catalogArticle;
+              newBasketId = initParams.basketId ? initParams.basketId : 'B' + DivaUtils.nanoid();
+              if (!catalogArticle) {
+                _context.next = 10;
+                break;
+              }
+              return _context.abrupt("return", new DivaArticle(set, newBasketId, initParams, catalogArticle, catalog));
+            case 10:
+              //articleCodex does not exist anymore in catalog
+              LOG$b.error(new DivaUtils.DivaError('articleCodex not found in article list. Could be due to exclusivity or a bug in the application!', {
+                code: 'WC_0011',
+                custom: {
+                  articleCodex: articleCodex
+                }
+              }));
+              (_set$actions = set.actions) === null || _set$actions === void 0 || _set$actions.openModal({
+                accept: true,
+                title: set.i18n.t('modals.error_accured')
+              });
+              return _context.abrupt("return", false);
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function loadArticle(_x, _x2, _x3) {
+        return _loadArticle.apply(this, arguments);
+      }
+      return loadArticle;
+    }() //loads all the calls for an article but does not create the article
+  }, {
+    key: "preLoadArticle",
+    value: function () {
+      var _preLoadArticle = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(set, articleCodex, initParams) {
+        var catalog, _set$getSetState$acti, _set$getSetState$acti2, _set$getSetState$acti3, _set$getSetState$acti4, catalogArticle;
+        return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (!(initParams.catalogCodex && initParams.catalogCodex !== set.CatalogData.catalogCodex)) {
-                _context.next = 8;
+                _context2.next = 8;
                 break;
               }
               (_set$getSetState$acti = set.getSetState.actions) === null || _set$getSetState$acti === void 0 || (_set$getSetState$acti2 = _set$getSetState$acti.toggleLoading) === null || _set$getSetState$acti2 === void 0 || _set$getSetState$acti2.call(_set$getSetState$acti, 'loadingCatalog' + initParams.catalogCodex, false, true);
-              _context.next = 4;
+              _context2.next = 4;
               return catalogHandlerInstance.getCatalogData(set.getSetState, initParams.catalogCodex, {
                 AccountGUID: set.CatalogData.accountGuid,
                 AccountSessionGUID: set.CatalogData.accountSessionGuid
               });
             case 4:
-              catalog = _context.sent;
+              catalog = _context2.sent;
               (_set$getSetState$acti3 = set.getSetState.actions) === null || _set$getSetState$acti3 === void 0 || (_set$getSetState$acti4 = _set$getSetState$acti3.toggleLoading) === null || _set$getSetState$acti4 === void 0 || _set$getSetState$acti4.call(_set$getSetState$acti3, 'loadingCatalog' + initParams.catalogCodex, false, false);
-              _context.next = 9;
+              _context2.next = 9;
               break;
             case 8:
               catalog = set.CatalogData;
@@ -24514,68 +24588,62 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               //usecase der selbe Article wurde bereits verplant. nun kann die bereits geladene & verwendete Klasse catalogArticle wiederverwendet werden da wir dort nichts
               //während der Konfiguration verändern!
               if (!catalogArticle) {
-                _context.next = 18;
+                _context2.next = 17;
                 break;
               }
               if (!catalogArticle.areOptionsToLoad) {
-                _context.next = 14;
+                _context2.next = 14;
                 break;
               }
-              _context.next = 14;
+              _context2.next = 14;
               return this.loadArticleData(set, catalogArticle, catalog);
             case 14:
-              newBasketId = initParams.basketId ? initParams.basketId : 'B' + DivaUtils.nanoid();
-              return _context.abrupt("return", new DivaArticle(set, newBasketId, initParams, catalogArticle, catalog));
-            case 18:
-              //articleCodex does not exist anymore in catalog
-              LOG$b.error(new DivaUtils.DivaError('articleCodex not found in article list. Could be due to exclusivity or a bug in the application!', {
-                code: 'WC_0011',
-                custom: {
-                  articleCodex: articleCodex
-                }
-              }));
-              (_set$actions = set.actions) === null || _set$actions === void 0 || _set$actions.openModal({
-                accept: true,
-                title: set.i18n.t('modals.error_accured')
+              return _context2.abrupt("return", {
+                catalog: catalog,
+                catalogArticle: catalogArticle
               });
-              return _context.abrupt("return", false);
-            case 21:
+            case 17:
+              return _context2.abrupt("return", {
+                catalog: catalog,
+                catalogArticle: catalogArticle
+              });
+            case 18:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
-      function loadArticle(_x, _x2, _x3) {
-        return _loadArticle.apply(this, arguments);
+      function preLoadArticle(_x4, _x5, _x6) {
+        return _preLoadArticle.apply(this, arguments);
       }
-      return loadArticle;
+      return preLoadArticle;
     }()
   }, {
     key: "loadArticleData",
     value: function () {
-      var _loadArticleData = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(set, catalogArticle, catalog) {
+      var _loadArticleData = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(set, catalogArticle, catalog) {
         var catalogCodex, promises, _yield$Promise$all, _yield$Promise$all2, jsonPrices, jsonOption;
-        return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               //ArticleRelations und J3D und Partlists bekommt man jetzt noch
               catalogCodex = catalog.catalogCodex;
-              _context2.t0 = catalogArticle;
-              _context2.next = 4;
+              _context3.t0 = catalogArticle;
+              _context3.next = 4;
               return set.api.getArticleJson(catalogArticle.articleCodex, catalogCodex, catalog.accountSessionGuid);
             case 4:
-              _context2.t1 = _context2.sent;
-              _context2.t2 = catalog;
-              _context2.t0.loadMoreFromArticle.call(_context2.t0, _context2.t1, _context2.t2);
+              _context3.t1 = _context3.sent;
+              _context3.t2 = catalog;
+              _context3.t0.loadMoreFromArticle.call(_context3.t0, _context3.t1, _context3.t2);
               if (!catalogArticle.templateCodex) {
-                _context2.next = 17;
+                _context3.next = 17;
                 break;
               }
               promises = [set.api.loadArticlePricesQS(catalogArticle.articleCodex, catalogCodex, catalog.accountSessionGuid), set.api.getJsonOptionTree(catalogArticle.templateCodex, catalogCodex, catalog.accountSessionGuid)];
-              _context2.next = 11;
+              _context3.next = 11;
               return Promise.all(promises);
             case 11:
-              _yield$Promise$all = _context2.sent;
+              _yield$Promise$all = _context3.sent;
               _yield$Promise$all2 = _slicedToArray__default["default"](_yield$Promise$all, 2);
               jsonPrices = _yield$Promise$all2[0];
               jsonOption = _yield$Promise$all2[1];
@@ -24585,11 +24653,11 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               catalogArticle.areOptionsLoaded = true;
             case 18:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2);
+        }, _callee3);
       }));
-      function loadArticleData(_x4, _x5, _x6) {
+      function loadArticleData(_x7, _x8, _x9) {
         return _loadArticleData.apply(this, arguments);
       }
       return loadArticleData;
@@ -24597,24 +24665,24 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateAccessoireQuantity",
     value: function () {
-      var _updateAccessoireQuantity = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(accessoire, newQuantity) {
-        return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      var _updateAccessoireQuantity = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(accessoire, newQuantity) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               accessoire.quantity = newQuantity;
               if (!(accessoire.articleType == 'OPTION' || accessoire.articleType == 'OPTIONTREE')) {
-                _context3.next = 4;
+                _context4.next = 4;
                 break;
               }
-              _context3.next = 4;
+              _context4.next = 4;
               return this.updateCfgValues(accessoire, {}, {});
             case 4:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
-      function updateAccessoireQuantity(_x7, _x8) {
+      function updateAccessoireQuantity(_x10, _x11) {
         return _updateAccessoireQuantity.apply(this, arguments);
       }
       return updateAccessoireQuantity;
@@ -24622,33 +24690,33 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "toDoAfterArticleLoaded",
     value: function () {
-      var _toDoAfterArticleLoaded = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(article, defaultValues, variantValues, from, variantItems, ignorePlanner) {
-        return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _toDoAfterArticleLoaded = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(article, defaultValues, variantValues, from, variantItems, ignorePlanner) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (!(article.articleType == 'OPTION' || article.articleType == 'OPTIONTREE')) {
-                _context4.next = 8;
+                _context5.next = 8;
                 break;
               }
-              _context4.next = 3;
+              _context5.next = 3;
               return this.initCfgValues(article, variantValues, variantItems);
             case 3:
-              _context4.next = 5;
+              _context5.next = 5;
               return this.updateCfgValues(article, defaultValues, variantValues);
             case 5:
               if (!(article.set.PlannerMode !== 'BoxPlanner')) {
-                _context4.next = 8;
+                _context5.next = 8;
                 break;
               }
-              _context4.next = 8;
+              _context5.next = 8;
               return setHandlerInstance.updateArticlesOptionStatesOfActSet(article.set, defaultValues, [article.basketId], ignorePlanner, from);
             case 8:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4, this);
+        }, _callee5, this);
       }));
-      function toDoAfterArticleLoaded(_x9, _x10, _x11, _x12, _x13, _x14) {
+      function toDoAfterArticleLoaded(_x12, _x13, _x14, _x15, _x16, _x17) {
         return _toDoAfterArticleLoaded.apply(this, arguments);
       }
       return toDoAfterArticleLoaded;
@@ -24667,11 +24735,11 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateArticlesOptionStates",
     value: function () {
-      var _updateArticlesOptionStates = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(myValues, targetArticlesWithNewValues, targetArticlesToUpdate, articles, from) {
+      var _updateArticlesOptionStates = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(myValues, targetArticlesWithNewValues, targetArticlesToUpdate, articles, from) {
         var _articles$targetArtic;
         var newEDOExtraArticles, partlistArticlesToLoad, valuesArray, i, actArticle, newPartlistArticlesToLoad, _actArticle$checkDefa, variantValues, triggerUpdate, key, configuredArticle, toIgnore, _actArticle, _i, _actArticle2;
-        return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               newEDOExtraArticles = [];
               partlistArticlesToLoad = [];
@@ -24679,124 +24747,124 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               i = 0;
             case 4:
               if (!(i < targetArticlesToUpdate.length)) {
-                _context5.next = 40;
+                _context6.next = 40;
                 break;
               }
               valuesArray[i] = {};
               actArticle = articles[targetArticlesToUpdate[i]];
               if (!(!actArticle || actArticle.deleted)) {
-                _context5.next = 11;
+                _context6.next = 11;
                 break;
               }
               targetArticlesToUpdate.splice(i, 1);
               i--;
-              return _context5.abrupt("continue", 37);
+              return _context6.abrupt("continue", 37);
             case 11:
               if (targetArticlesWithNewValues.includes(targetArticlesToUpdate[i])) {
                 valuesArray[i] = actArticle.getValidValues(_objectSpread$c({}, myValues), actArticle.CatalogData.mergeOptionsToSameOption);
               }
               if (!(Object.entries(valuesArray[i]).length > 0 || from !== null && from !== void 0 && from.startsWith('initializing'))) {
-                _context5.next = 32;
+                _context6.next = 32;
                 break;
               }
-              _context5.next = 15;
+              _context6.next = 15;
               return this.updateCfgValues(actArticle, valuesArray[i], {});
             case 15:
-              newPartlistArticlesToLoad = _context5.sent;
+              newPartlistArticlesToLoad = _context6.sent;
               _actArticle$checkDefa = actArticle.checkDefaultGlobalOpt(valuesArray[i]), variantValues = _actArticle$checkDefa.variantValues, triggerUpdate = _actArticle$checkDefa.triggerUpdate;
               valuesArray[i] = variantValues;
-              _context5.next = 20;
+              _context6.next = 20;
               return this.updateAccessoriesFromGlobalOption(valuesArray[i], actArticle);
             case 20:
               if (!triggerUpdate) {
-                _context5.next = 28;
+                _context6.next = 28;
                 break;
               }
-              _context5.t0 = partlistArticlesToLoad;
-              _context5.next = 24;
+              _context6.t0 = partlistArticlesToLoad;
+              _context6.next = 24;
               return this.updateCfgValues(actArticle, valuesArray[i], {});
             case 24:
-              _context5.t1 = _context5.sent;
-              partlistArticlesToLoad = _context5.t0.concat.call(_context5.t0, _context5.t1);
-              _context5.next = 29;
+              _context6.t1 = _context6.sent;
+              partlistArticlesToLoad = _context6.t0.concat.call(_context6.t0, _context6.t1);
+              _context6.next = 29;
               break;
             case 28:
               partlistArticlesToLoad = partlistArticlesToLoad.concat(newPartlistArticlesToLoad);
             case 29:
               newEDOExtraArticles = this.checkEDOArticles(articles);
-              _context5.next = 37;
+              _context6.next = 37;
               break;
             case 32:
-              _context5.t2 = partlistArticlesToLoad;
-              _context5.next = 35;
+              _context6.t2 = partlistArticlesToLoad;
+              _context6.next = 35;
               return this.updateCfgValues(actArticle, {}, {});
             case 35:
-              _context5.t3 = _context5.sent;
-              partlistArticlesToLoad = _context5.t2.concat.call(_context5.t2, _context5.t3);
+              _context6.t3 = _context6.sent;
+              partlistArticlesToLoad = _context6.t2.concat.call(_context6.t2, _context6.t3);
             case 37:
               i++;
-              _context5.next = 4;
+              _context6.next = 4;
               break;
             case 40:
               if (!((_articles$targetArtic = articles[targetArticlesToUpdate[0]]) !== null && _articles$targetArtic !== void 0 && _articles$targetArtic.hasPartlistArticleVisibleInTree)) {
-                _context5.next = 53;
+                _context6.next = 53;
                 break;
               }
-              _context5.t4 = _regeneratorRuntime__default["default"].keys(articles);
+              _context6.t4 = _regeneratorRuntime__default["default"].keys(articles);
             case 42:
-              if ((_context5.t5 = _context5.t4()).done) {
-                _context5.next = 53;
+              if ((_context6.t5 = _context6.t4()).done) {
+                _context6.next = 53;
                 break;
               }
-              key = _context5.t5.value;
+              key = _context6.t5.value;
               configuredArticle = articles[targetArticlesToUpdate[0]];
               toIgnore = configuredArticle.pushParentId();
               if (![configuredArticle.basketId].concat(_toConsumableArray__default["default"](toIgnore)).includes(key)) {
-                _context5.next = 48;
+                _context6.next = 48;
                 break;
               }
-              return _context5.abrupt("continue", 42);
+              return _context6.abrupt("continue", 42);
             case 48:
               _actArticle = articles[key];
-              _context5.next = 51;
+              _context6.next = 51;
               return this.updateCfgValues(_actArticle, {}, {});
             case 51:
-              _context5.next = 42;
+              _context6.next = 42;
               break;
             case 53:
               _i = 0;
             case 54:
               if (!(_i < targetArticlesToUpdate.length)) {
-                _context5.next = 64;
+                _context6.next = 64;
                 break;
               }
               _actArticle2 = articles[targetArticlesToUpdate[_i]];
               if (!(_actArticle2.CatalogData.doubleClickOnConfig || _actArticle2.hasType1Dependencies)) {
-                _context5.next = 61;
+                _context6.next = 61;
                 break;
               }
-              _context5.next = 59;
+              _context6.next = 59;
               return this.updateCfgValues(_actArticle2, valuesArray[_i], {});
             case 59:
-              _context5.next = 61;
+              _context6.next = 61;
               return this.updateCfgValues(_actArticle2, valuesArray[_i], {});
             case 61:
               _i++;
-              _context5.next = 54;
+              _context6.next = 54;
               break;
             case 64:
-              return _context5.abrupt("return", {
+              return _context6.abrupt("return", {
                 newEDOExtraArticles: newEDOExtraArticles,
                 targetArticlesToUpdate: targetArticlesToUpdate,
                 partlistArticlesToLoad: partlistArticlesToLoad
               });
             case 65:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, this);
+        }, _callee6, this);
       }));
-      function updateArticlesOptionStates(_x15, _x16, _x17, _x18, _x19) {
+      function updateArticlesOptionStates(_x18, _x19, _x20, _x21, _x22) {
         return _updateArticlesOptionStates.apply(this, arguments);
       }
       return updateArticlesOptionStates;
@@ -24804,31 +24872,31 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateAccessoriesFromGlobalOption",
     value: function () {
-      var _updateAccessoriesFromGlobalOption = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(values, actArticle) {
+      var _updateAccessoriesFromGlobalOption = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(values, actArticle) {
         var accessoiresToUpdate, key;
-        return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               accessoiresToUpdate = actArticle.getAccessoriesToChangeFromGlobalOption(values);
-              _context6.t0 = _regeneratorRuntime__default["default"].keys(accessoiresToUpdate);
+              _context7.t0 = _regeneratorRuntime__default["default"].keys(accessoiresToUpdate);
             case 2:
-              if ((_context6.t1 = _context6.t0()).done) {
-                _context6.next = 8;
+              if ((_context7.t1 = _context7.t0()).done) {
+                _context7.next = 8;
                 break;
               }
-              key = _context6.t1.value;
-              _context6.next = 6;
+              key = _context7.t1.value;
+              _context7.next = 6;
               return this.updateCfgValues(accessoiresToUpdate[key].accessoire, accessoiresToUpdate[key].variantValues, {});
             case 6:
-              _context6.next = 2;
+              _context7.next = 2;
               break;
             case 8:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this);
+        }, _callee7, this);
       }));
-      function updateAccessoriesFromGlobalOption(_x20, _x21) {
+      function updateAccessoriesFromGlobalOption(_x23, _x24) {
         return _updateAccessoriesFromGlobalOption.apply(this, arguments);
       }
       return updateAccessoriesFromGlobalOption;
@@ -24906,12 +24974,12 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "initCfgValues",
     value: (function () {
-      var _initCfgValues = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(article, variantValues,
+      var _initCfgValues = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(article, variantValues,
       // Werte aus einem Basiskonfigurat,
       variantItems) {
         var myCatalogArticleOptions, articleOptionState, key, _article$set$ViewConf, optionState, attr, foundItem, _foundItem$opt, freeText, _key, myArtOPS, value, optionValueCodex, i, variantItem, possibleValues, j, possibleValue, _i2, _variantItem, val;
-        return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               myCatalogArticleOptions = article.catalogArticleOptions;
               articleOptionState = article.articleOptionStates;
@@ -24991,11 +25059,11 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               }
             case 4:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7);
+        }, _callee8);
       }));
-      function initCfgValues(_x22, _x23, _x24) {
+      function initCfgValues(_x25, _x26, _x27) {
         return _initCfgValues.apply(this, arguments);
       }
       return initCfgValues;
@@ -25003,19 +25071,19 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "setValidVariantValues",
     value: function () {
-      var _setValidVariantValues = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(article) {
-        return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+      var _setValidVariantValues = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(article) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              _context8.next = 2;
+              _context9.next = 2;
               return this.updateCfgValues(article, article.getValidValues(article.VariantValues, undefined, true), {});
             case 2:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8, this);
+        }, _callee9, this);
       }));
-      function setValidVariantValues(_x25) {
+      function setValidVariantValues(_x28) {
         return _setValidVariantValues.apply(this, arguments);
       }
       return setValidVariantValues;
@@ -25032,10 +25100,10 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateCfgValues",
     value: (function () {
-      var _updateCfgValues = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(article, newConfigValues, alreadyInitializedValues, dontCalcPrice, dontLoadPartlist) {
+      var _updateCfgValues = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(article, newConfigValues, alreadyInitializedValues, dontCalcPrice, dontLoadPartlist) {
         var maxPriceOfGroupCodex, setByFeatureVariantValues, key, partlistArticlesToLoad;
-        return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               if (!!article.CatalogData.bundleRules) dontLoadPartlist = true;
               //es wird versucht die neuen Optionswerte zu setzten
@@ -25068,20 +25136,20 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               }
 
               //await -> partlist berechnung und laden
-              _context9.next = 8;
+              _context10.next = 8;
               return article.updateShelfPlannerState();
             case 8:
               if (dontCalcPrice) {
-                _context9.next = 11;
+                _context10.next = 11;
                 break;
               }
-              _context9.next = 11;
+              _context10.next = 11;
               return this.updateLastElement(article);
             case 11:
-              _context9.next = 13;
+              _context10.next = 13;
               return this.evalAndLoadPartlistArticles(article, dontLoadPartlist, newConfigValues);
             case 13:
-              partlistArticlesToLoad = _context9.sent;
+              partlistArticlesToLoad = _context10.sent;
               // löscht seine eigene partlist article - optimierung schnittmenge nicht löschen und nur neu neu laden
 
               //evalConstructionRules ausswerten
@@ -25098,14 +25166,14 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                 //evtl opv images mit rules updaten
                 article.updateOPVImages();
               }
-              return _context9.abrupt("return", partlistArticlesToLoad);
+              return _context10.abrupt("return", partlistArticlesToLoad);
             case 17:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9, this);
+        }, _callee10, this);
       }));
-      function updateCfgValues(_x26, _x27, _x28, _x29, _x30) {
+      function updateCfgValues(_x29, _x30, _x31, _x32, _x33) {
         return _updateCfgValues.apply(this, arguments);
       }
       return updateCfgValues;
@@ -25113,10 +25181,10 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateLastElement",
     value: function () {
-      var _updateLastElement = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(article) {
+      var _updateLastElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(article) {
         var opsLastElement, lastElement, opsLastPlannedAccessoire, opsFirstAccessoire, _article$accessoirePa, _article$accessoirePa2, accessoires, i;
-        return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               opsLastElement = article.getArticleOptionState('OPTELEMENTPOSITION');
               if (opsLastElement) {
@@ -25139,29 +25207,29 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               }
               opsFirstAccessoire = article.getArticleOptionState('OPTFIRSTACCESSOIRE');
               if (!opsFirstAccessoire) {
-                _context10.next = 14;
+                _context11.next = 14;
                 break;
               }
               accessoires = (_article$accessoirePa = (_article$accessoirePa2 = article.accessoireParentArticle) === null || _article$accessoirePa2 === void 0 ? void 0 : _article$accessoirePa2.getAccessoireByArticleCodex(article.articleCodex)) !== null && _article$accessoirePa !== void 0 ? _article$accessoirePa : [];
               i = 0;
             case 8:
               if (!(i < accessoires.length)) {
-                _context10.next = 14;
+                _context11.next = 14;
                 break;
               }
-              _context10.next = 11;
+              _context11.next = 11;
               return this.updateOption(accessoires[i], 'OPTFIRSTACCESSOIRE', 'OPV' + (i + 1).toString(), i === 0 ? 'OPVFIRSTACCESSOIRE' : 'OPVNOTFIRSTACCESSOIRE');
             case 11:
               i++;
-              _context10.next = 8;
+              _context11.next = 8;
               break;
             case 14:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10, this);
+        }, _callee11, this);
       }));
-      function updateLastElement(_x31) {
+      function updateLastElement(_x34) {
         return _updateLastElement.apply(this, arguments);
       }
       return updateLastElement;
@@ -25169,41 +25237,41 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateOption",
     value: function () {
-      var _updateOption = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(article, optionCodex, newCodex, fallbackNewCodex) {
+      var _updateOption = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(article, optionCodex, newCodex, fallbackNewCodex) {
         var _ops$val, _ops$visibleOptionVal;
         var ops, oldCodex, newVal;
-        return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               ops = article.getArticleOptionState(optionCodex);
               if (ops) {
-                _context11.next = 3;
+                _context12.next = 3;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context12.abrupt("return");
             case 3:
               oldCodex = (_ops$val = ops.val) === null || _ops$val === void 0 ? void 0 : _ops$val.codex;
               newVal = (_ops$visibleOptionVal = ops.visibleOptionValues[newCodex]) !== null && _ops$visibleOptionVal !== void 0 ? _ops$visibleOptionVal : fallbackNewCodex ? ops.visibleOptionValues[fallbackNewCodex] : undefined;
               if (!(oldCodex === (newVal === null || newVal === void 0 ? void 0 : newVal.codex))) {
-                _context11.next = 7;
+                _context12.next = 7;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context12.abrupt("return");
             case 7:
               if (!newVal) {
-                _context11.next = 11;
+                _context12.next = 11;
                 break;
               }
               ops.val = newVal;
-              _context11.next = 11;
+              _context12.next = 11;
               return setHandlerInstance.updateArticlesOptionStatesOfActSet(article.set, {}, []);
             case 11:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11);
+        }, _callee12);
       }));
-      function updateOption(_x32, _x33, _x34, _x35) {
+      function updateOption(_x35, _x36, _x37, _x38) {
         return _updateOption.apply(this, arguments);
       }
       return updateOption;
@@ -25213,23 +25281,23 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "evalAndLoadPartlistArticles",
     value: (function () {
-      var _evalAndLoadPartlistArticles = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(article, dontLoadPartlist, newConfigValues) {
+      var _evalAndLoadPartlistArticles = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(article, dontLoadPartlist, newConfigValues) {
         var partlistArticlesToLoad;
-        return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               partlistArticlesToLoad = [];
               if (!article.hasPartlistArticle) {
-                _context12.next = 8;
+                _context13.next = 8;
                 break;
               }
               article.deletePartlistArticles(); //alle aktellen PartlistArticles des Articles löschen!
               partlistArticlesToLoad = article.evalPartlist(newConfigValues);
               if (dontLoadPartlist) {
-                _context12.next = 8;
+                _context13.next = 8;
                 break;
               }
-              _context12.next = 7;
+              _context13.next = 7;
               return this.loadPartlistArticles(partlistArticlesToLoad, article, article.VariantValues);
             case 7:
               partlistArticlesToLoad = [];
@@ -25238,14 +25306,14 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                 partlistArticlesToLoad = this.bundlePartlistArticles(partlistArticlesToLoad, article.bundleRules, _defineProperty__default["default"]({}, article.basketId, article));
               }
               article.hasPartlistArticleInitialized = true;
-              return _context12.abrupt("return", partlistArticlesToLoad);
+              return _context13.abrupt("return", partlistArticlesToLoad);
             case 11:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12, this);
+        }, _callee13, this);
       }));
-      function evalAndLoadPartlistArticles(_x36, _x37, _x38) {
+      function evalAndLoadPartlistArticles(_x39, _x40, _x41) {
         return _evalAndLoadPartlistArticles.apply(this, arguments);
       }
       return evalAndLoadPartlistArticles;
@@ -25253,32 +25321,41 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "loadPartlistArticles",
     value: function () {
-      var _loadPartlistArticles = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(partlistArticlesToLoad, article, newConfigValues) {
-        var i;
-        return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+      var _loadPartlistArticles = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14(partlistArticlesToLoad, article, newConfigValues) {
+        var loadAwaits, i, doLoadItem;
+        return _regeneratorRuntime__default["default"].wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
+              //make all api calls of all the partlistarticles at the same time but initialize them still synced
+              loadAwaits = [];
+              for (i = 0; i < partlistArticlesToLoad.length; i++) {
+                doLoadItem = partlistArticlesToLoad[i];
+                loadAwaits.push(this.preLoadArticle(article.set, doLoadItem.ArticleCodex, this.partlistArticleInitData(article, doLoadItem)));
+              }
+              _context14.next = 4;
+              return Promise.all(loadAwaits);
+            case 4:
               i = 0;
-            case 1:
+            case 5:
               if (!(i < partlistArticlesToLoad.length)) {
-                _context13.next = 7;
+                _context14.next = 11;
                 break;
               }
-              _context13.next = 4;
+              _context14.next = 8;
               return this.loadPartlistArticle(partlistArticlesToLoad[i], article, newConfigValues);
-            case 4:
+            case 8:
               i++;
-              _context13.next = 1;
+              _context14.next = 5;
               break;
-            case 7:
+            case 11:
               article.sortPartlistArticles(partlistArticlesToLoad);
-            case 8:
+            case 12:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13, this);
+        }, _callee14, this);
       }));
-      function loadPartlistArticles(_x39, _x40, _x41) {
+      function loadPartlistArticles(_x42, _x43, _x44) {
         return _loadPartlistArticles.apply(this, arguments);
       }
       return loadPartlistArticles;
@@ -25287,60 +25364,64 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "loadPartlistArticle",
     value: function () {
-      var _loadPartlistArticle = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14(doLoadItem, article, newConfigValues) {
-        var parentVariantValues, initParams, nArticle;
-        return _regeneratorRuntime__default["default"].wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+      var _loadPartlistArticle = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15(doLoadItem, article, newConfigValues) {
+        var nArticle;
+        return _regeneratorRuntime__default["default"].wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              //jeder neue Artikel sollte im Warenkorb als Zubehörartikel gelistet werden - es können auch mehrere sein
-              parentVariantValues = article.getArticleJsonVariantValues(); //jetzt Artikel laden und zur Kollektion hinzufügen
-              initParams = {
-                plannerBasketID: article.basketId,
-                //Bei Ekornes gibt es Partlistartikels mit SVGs - Damit die BasketID im Plener weiter gültig ist, wird hier die Originale BasketID gemerkt.
-                quantity: doLoadItem.Quantity,
-                variantValues: parentVariantValues,
-                //Objektstruktur
-                relatedToBasketId: article.basketId,
-                parentArticle: article,
-                isPartlistArticle: true,
-                ruleDesc: doLoadItem.RuleDesc,
-                ruleDesc_locales: doLoadItem.RuleDesc_locales,
-                basketId: doLoadItem.BasketID,
-                partlistRule: doLoadItem.PartlistRule,
-                retailArticleNr: doLoadItem.RetailArticleNr,
-                retailPrefix: doLoadItem.RetailPrefix,
-                configArticleCodex: doLoadItem.RetailArticleNr,
-                supplierOrderCodex: doLoadItem.SupplierOrderCodex,
-                initDecisions: doLoadItem.initDecisions,
-                partlistArticleVisibleInTree: doLoadItem.PosInvisibility === 0,
-                optionsForPrint: doLoadItem.optionsForPrint,
-                optionImgForPrint: doLoadItem.optionImgForPrint,
-                catalogCodex: doLoadItem.CatalogCodex
-              };
-              _context14.next = 4;
-              return this.loadArticle(article.set, doLoadItem.ArticleCodex, initParams);
-            case 4:
-              nArticle = _context14.sent;
+              _context15.next = 2;
+              return this.loadArticle(article.set, doLoadItem.ArticleCodex, this.partlistArticleInitData(article, doLoadItem));
+            case 2:
+              nArticle = _context15.sent;
               if (!nArticle) {
-                _context14.next = 10;
+                _context15.next = 8;
                 break;
               }
               doLoadItem.BasketID = nArticle.basketId;
-              _context14.next = 9;
+              _context15.next = 7;
               return this.toDoAfterArticleLoaded(nArticle, {}, _objectSpread$c(_objectSpread$c({}, doLoadItem.VariantValues), newConfigValues), 'initializingPartlist', doLoadItem.VariantItemData);
-            case 9:
+            case 7:
               article.addPartlistArticle(nArticle);
-            case 10:
+            case 8:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this);
+        }, _callee15, this);
       }));
-      function loadPartlistArticle(_x42, _x43, _x44) {
+      function loadPartlistArticle(_x45, _x46, _x47) {
         return _loadPartlistArticle.apply(this, arguments);
       }
       return loadPartlistArticle;
-    }() /**************************************** Querkontrollen über mehrere Article deshalb hier im ArticleHandler ********************************************************************************/
+    }()
+  }, {
+    key: "partlistArticleInitData",
+    value: function partlistArticleInitData(article, doLoadItem) {
+      //jetzt Artikel laden und zur Kollektion hinzufügen
+      return {
+        plannerBasketID: article.basketId,
+        //Bei Ekornes gibt es Partlistartikels mit SVGs - Damit die BasketID im Plener weiter gültig ist, wird hier die Originale BasketID gemerkt.
+        quantity: doLoadItem.Quantity,
+        variantValues: article.getArticleJsonVariantValues(),
+        //Objektstruktur
+        relatedToBasketId: article.basketId,
+        parentArticle: article,
+        isPartlistArticle: true,
+        ruleDesc: doLoadItem.RuleDesc,
+        ruleDesc_locales: doLoadItem.RuleDesc_locales,
+        basketId: doLoadItem.BasketID,
+        partlistRule: doLoadItem.PartlistRule,
+        retailArticleNr: doLoadItem.RetailArticleNr,
+        retailPrefix: doLoadItem.RetailPrefix,
+        configArticleCodex: doLoadItem.RetailArticleNr,
+        supplierOrderCodex: doLoadItem.SupplierOrderCodex,
+        initDecisions: doLoadItem.initDecisions,
+        partlistArticleVisibleInTree: doLoadItem.PosInvisibility === 0,
+        optionsForPrint: doLoadItem.optionsForPrint,
+        optionImgForPrint: doLoadItem.optionImgForPrint,
+        catalogCodex: doLoadItem.CatalogCodex
+      };
+    }
+    /**************************************** Querkontrollen über mehrere Article deshalb hier im ArticleHandler ********************************************************************************/
   }, {
     key: "evalOpvsOnOpvsConstructionRules",
     value: function evalOpvsOnOpvsConstructionRules(article) {
@@ -25585,31 +25666,31 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "triggerShelfplannerVisibility",
     value: function () {
-      var _triggerShelfplannerVisibility = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15(artices, gridGroup) {
+      var _triggerShelfplannerVisibility = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee16(artices, gridGroup) {
         var key, _artice$shelfPlanner, artice;
-        return _regeneratorRuntime__default["default"].wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
-              _context15.t0 = _regeneratorRuntime__default["default"].keys(artices);
+              _context16.t0 = _regeneratorRuntime__default["default"].keys(artices);
             case 1:
-              if ((_context15.t1 = _context15.t0()).done) {
-                _context15.next = 8;
+              if ((_context16.t1 = _context16.t0()).done) {
+                _context16.next = 8;
                 break;
               }
-              key = _context15.t1.value;
+              key = _context16.t1.value;
               artice = artices[key];
-              _context15.next = 6;
+              _context16.next = 6;
               return (_artice$shelfPlanner = artice.shelfPlanner) === null || _artice$shelfPlanner === void 0 ? void 0 : _artice$shelfPlanner.triggerVisibility(gridGroup);
             case 6:
-              _context15.next = 1;
+              _context16.next = 1;
               break;
             case 8:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15);
+        }, _callee16);
       }));
-      function triggerShelfplannerVisibility(_x45, _x46) {
+      function triggerShelfplannerVisibility(_x48, _x49) {
         return _triggerShelfplannerVisibility.apply(this, arguments);
       }
       return triggerShelfplannerVisibility;
@@ -25855,21 +25936,21 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "correctPartlistArticlesByGlobalRules",
     value: (function () {
-      var _correctPartlistArticlesByGlobalRules = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee16(set, partlistArticlesToLoad, bundleRules, doChangeRetailArticleNumbers) {
+      var _correctPartlistArticlesByGlobalRules = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee17(set, partlistArticlesToLoad, bundleRules, doChangeRetailArticleNumbers) {
         var _loop2, i, article;
-        return _regeneratorRuntime__default["default"].wrap(function _callee16$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee17$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
               if (bundleRules) partlistArticlesToLoad = this.bundlePartlistArticles(partlistArticlesToLoad, bundleRules, set.getDivaArticles());
               //Correct RetailArticleNumbers
               if (!(doChangeRetailArticleNumbers !== null && doChangeRetailArticleNumbers !== void 0 && doChangeRetailArticleNumbers.doChange && doChangeRetailArticleNumbers.retailArticleRules)) {
-                _context17.next = 9;
+                _context18.next = 9;
                 break;
               }
               _loop2 = /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _loop2(i) {
                 var rule;
-                return _regeneratorRuntime__default["default"].wrap(function _loop2$(_context16) {
-                  while (1) switch (_context16.prev = _context16.next) {
+                return _regeneratorRuntime__default["default"].wrap(function _loop2$(_context17) {
+                  while (1) switch (_context17.prev = _context17.next) {
                     case 0:
                       //Run through articleCodexes to repair:
                       rule = doChangeRetailArticleNumbers.retailArticleRules.find(function (item) {
@@ -25881,34 +25962,34 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                       }
                     case 2:
                     case "end":
-                      return _context16.stop();
+                      return _context17.stop();
                   }
                 }, _loop2);
               });
               i = 0;
             case 4:
               if (!(i < partlistArticlesToLoad.length)) {
-                _context17.next = 9;
+                _context18.next = 9;
                 break;
               }
-              return _context17.delegateYield(_loop2(i), "t0", 6);
+              return _context18.delegateYield(_loop2(i), "t0", 6);
             case 6:
               i++;
-              _context17.next = 4;
+              _context18.next = 4;
               break;
             case 9:
               article = Object.values(set.getDivaArticles()).find(function (article) {
                 return article.hasPartlistArticle && !article.deleted;
               });
-              _context17.next = 12;
+              _context18.next = 12;
               return this.loadPartlistArticles(partlistArticlesToLoad, article, {});
             case 12:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
-      function correctPartlistArticlesByGlobalRules(_x47, _x48, _x49, _x50) {
+      function correctPartlistArticlesByGlobalRules(_x50, _x51, _x52, _x53) {
         return _correctPartlistArticlesByGlobalRules.apply(this, arguments);
       }
       return correctPartlistArticlesByGlobalRules;
@@ -26868,7 +26949,7 @@ var DivaSet = /*#__PURE__*/function () {
       return updateConfig;
     });
     _defineProperty__default["default"](this, "updateCfgValuesByPlanner", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(optionHandler, repairVariantValuesAndPlanner, partListBundleRules, doChangeRetailArticleNumbers) {
+      var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(optionHandler, repairVariantValuesAndPlanner, partListBundleRules, doChangeRetailArticleNumbers) {
         var _article2;
         var partlistArticlesToLoad, optionHandlerArr, article, loadPlas, _loop, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context2) {
@@ -27484,7 +27565,7 @@ var DivaSet = /*#__PURE__*/function () {
   }, {
     key: "getDimensionPerVariant",
     value: function () {
-      var _getDimensionPerVariant = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
+      var _getDimensionPerVariant = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
         var dimensions, _iterator, _step, article, _iterator2, _step2, dimensionId, dimension;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -27990,7 +28071,7 @@ var DivaSet = /*#__PURE__*/function () {
   }, {
     key: "initializeDoorPlanner",
     value: function () {
-      var _initializeDoorPlanner = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(j3D, article) {
+      var _initializeDoorPlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(j3D, article) {
         var _yield$import, DoorPlanner;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -28000,7 +28081,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-4534b32f.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-497f79a4.js'); });
             case 3:
               _yield$import = _context4.sent;
               DoorPlanner = _yield$import["default"];
@@ -28366,7 +28447,7 @@ var DivaProductHandler = /*#__PURE__*/function () {
   }, {
     key: "loadProductsOfSets",
     value: function () {
-      var _loadProductsOfSets = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(orderSets, involvedSetIds) {
+      var _loadProductsOfSets = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(orderSets, involvedSetIds) {
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -28383,7 +28464,7 @@ var DivaProductHandler = /*#__PURE__*/function () {
   }, {
     key: "updateProducts",
     value: function () {
-      var _updateProducts = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(set, from, productId) {
+      var _updateProducts = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(set, from, productId) {
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -28513,7 +28594,7 @@ var DivaProductHandler = /*#__PURE__*/function () {
   }, {
     key: "checkQuantitySteps",
     value: function () {
-      var _checkQuantitySteps = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(set, from, productId) {
+      var _checkQuantitySteps = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(set, from, productId) {
         var articles, somethingChanged, key, product, currentQuantity, deltaQuantity, whatToDo, article;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -29066,7 +29147,7 @@ var SummaryHandler = /*#__PURE__*/function () {
   }, {
     key: "getSummaryItems",
     value: function () {
-      var _getSummaryItems = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(sets, doConfigure, doAllowSetPlanner) {
+      var _getSummaryItems = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(sets, doConfigure, doAllowSetPlanner) {
         var ret, _key5, set, items, type;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -29444,7 +29525,7 @@ var SummaryHandler = /*#__PURE__*/function () {
   }, {
     key: "getVariantsSummary",
     value: function () {
-      var _getVariantsSummary = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(doConfigure, set) {
+      var _getVariantsSummary = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(doConfigure, set) {
         var summaryVariants, _yield$DivaFavorites$, variants, disabled, singleOptions, catalogData, _loop2, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -29529,7 +29610,7 @@ var SummaryHandler = /*#__PURE__*/function () {
                         disabled: isDisabled,
                         variantValues: result,
                         onClick: function () {
-                          var _onClick = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
+                          var _onClick = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
                             var basketId;
                             return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context3) {
                               while (1) switch (_context3.prev = _context3.next) {
@@ -29666,7 +29747,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "getVariantsForSummary",
     value: function () {
-      var _getVariantsForSummary = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(set) {
+      var _getVariantsForSummary = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(set) {
         var _set$allVariantsCache;
         var variants;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
@@ -29707,7 +29788,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "getAllValidVariants",
     value: function () {
-      var _getAllValidVariants = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(set) {
+      var _getAllValidVariants = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(set) {
         var variants, articles, setHashes, variantId, origConfig, i, variantForTargetArticles, variantIsValid, targetArtcle, variantValues, currentConfig, configVariantValues, basketId, j, config, opt, opv, _basketId, variant, values, _loop, _opt, setHash, reservedId;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -30118,7 +30199,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "getValidVariants",
     value: function () {
-      var _getValidVariants = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(set, useCache) {
+      var _getValidVariants = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(set, useCache) {
         var allvariants, validVariants, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -30158,7 +30239,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(set, mode, actBasket, saveToBasketWrapper, doConfigure, updatePlanner, actions) {
+      var _handleFavorites = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(set, mode, actBasket, saveToBasketWrapper, doConfigure, updatePlanner, actions) {
         var variantData, variants, i, _set$i18n3, variant, image, basketId, result;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -30262,7 +30343,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "saveConfigVariantsInBasket",
     value: function () {
-      var _saveConfigVariantsInBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(set, basket, variant, repairOnly) {
+      var _saveConfigVariantsInBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(set, basket, variant, repairOnly) {
         var _hQRenderScript, _basket$OrderSets$set, _basket$OrderSets$set2;
         var setindex, setImage, urlToPlanning2D, hQRenderScript, plannerData, promises, _yield$Promise$all, _yield$Promise$all2, i, optionsSorted, variantValues, _i3, opt, key, targetArticle, configVariant;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context6) {
@@ -30678,7 +30759,8 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                   groupedGrids.push({
                     addToSpecificTabGroup: group.addToTabgroup ? (_configTree$getTabgro = configTree.getTabgroupKeyByOptionCodex('OPT' + group.addToTabgroup)) !== null && _configTree$getTabgro !== void 0 ? _configTree$getTabgro : 'ShelfPlanner' : 'ShelfPlanner',
                     grids: [grid],
-                    groupName: group.Group
+                    groupName: group.Group,
+                    forOtherGroups: true
                   });
                 }
               };
@@ -30702,7 +30784,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         var groupId = (_group$groupName = group.groupName) !== null && _group$groupName !== void 0 ? _group$groupName : 'Shelfgroup';
         var newConfigStep = this.createConfigStep(set, false, group.groupName, _toConsumableArray__default["default"](new Set(group.grids.map(function (g) {
           return g.basketId;
-        }))), group.groupName, 'BasketId', groupId, configTree, false, group.grids[0].getShelfParentShelfId(), group.grids[0].getRequiredWarning((_set$WebConfig2 = set.WebConfig) === null || _set$WebConfig2 === void 0 ? void 0 : _set$WebConfig2.language), true, set.configAccessoiresInAccessoireStep, undefined, undefined, 'SHELFPLANNER');
+        }))), group.groupName, 'BasketId', groupId, configTree, false, group.grids[0].getShelfParentShelfId(), group.grids[0].getRequiredWarning((_set$WebConfig2 = set.WebConfig) === null || _set$WebConfig2 === void 0 ? void 0 : _set$WebConfig2.language), true, set.configAccessoiresInAccessoireStep, undefined, undefined, group.forOtherGroups ? 'SHELFPLANNER' : undefined);
         configTree.addConfigStep(tabgroupKey, group.groupName, group.groupName, newConfigStep);
       }
     }
@@ -30715,8 +30797,9 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
       if (ops && basketId && parentCodex && ((_ops$optionOcd = ops.optionOcd) !== null && _ops$optionOcd !== void 0 ? _ops$optionOcd : ops.optionCodex) !== parentCodex) {
         var article = set.getArticleByBasketId(basketId);
         if (article) {
+          var _ops$visibleOptionVal;
           if (!!article.getArticleOptionState(ops.option.parentOptionCodex).isDifferentOption) return true;
-          var rul = ops.visibleOptionValues[Object.keys(ops.visibleOptionValues)[0]].rul;
+          var rul = (_ops$visibleOptionVal = ops.visibleOptionValues[Object.keys(ops.visibleOptionValues)[0]]) === null || _ops$visibleOptionVal === void 0 ? void 0 : _ops$visibleOptionVal.rul;
           if (rul) {
             var parentOptions = DivaUtils__default["default"].getOptionsByRule(rul);
             return !!parentOptions.find(function (o) {
@@ -30782,7 +30865,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
   }, {
     key: "getConifgItemsForView",
     value: function () {
-      var _getConifgItemsForView = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(set, configStepKey) {
+      var _getConifgItemsForView = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(set, configStepKey) {
         var optionStatesOfArticles, articles, step, retValues, optionCodex, configItems, selectedItems, optionState, key, _configItem$parent$oc, configItem, configItemsInOPG, retVal, _retVal, configStepOPG, configStepOPV, targetArticle, opg, ops, selectedOpv, originalVariantValues, seomethingChanged, variantValues, _key, _set$favorites$Varian, _set$favorites, alreadyCalcedVisibleOPVs, i, _ops$optionOcd2, _retVal2, clonedConfigItemsForView, _i, _configItems;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -31206,7 +31289,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   return _createClass__default["default"](DivaSetHandler, [{
     key: "createSet",
     value: function () {
-      var _createSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(catalogData, orderSet, initSetState, lastSetToInitialize) {
+      var _createSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(catalogData, orderSet, initSetState, lastSetToInitialize) {
         var set;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -31249,7 +31332,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "initOrderLineArticles",
     value: function () {
-      var _initOrderLineArticles = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(set, orderSet) {
+      var _initOrderLineArticles = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(set, orderSet) {
         var _JSON$parse;
         var catalogData, toLoadArticles, previousPartlistArticles, elements, _loop, i, _loop2, basketId, _i, toloadArtilce, newArticle, _i2, _newArticle, parentArticle, _newArticle$shelfPlan, _i3, cellsOfGrid, j, cell, gridIndex, accessoire, doesFit, _i4, _newArticle2$doorPlan, _newArticle2;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context4) {
@@ -31522,7 +31605,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "initSetsByOrderSet",
     value: function () {
-      var _initSetsByOrderSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(orderSets, initSetState) {
+      var _initSetsByOrderSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(orderSets, initSetState) {
         var sets, i, orderSet, _initSetState$updateS;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -31629,7 +31712,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "initSet",
     value: function () {
-      var _initSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(orderSet, initSetState, updateSetImage, lastSetToInitialize) {
+      var _initSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(orderSet, initSetState, updateSetImage, lastSetToInitialize) {
         var _orderSet$OrderLines, _initSetState$article;
         var catalogData, articlesToInitialize, set, params, j, _initSetState$initVar, _catalogData$promoted, variantValues, image;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context6) {
@@ -31708,7 +31791,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "destroyPlannerHandler",
     value: (function () {
-      var _destroyPlannerHandler = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(set, doDestroy3DHostConnection) {
+      var _destroyPlannerHandler = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(set, doDestroy3DHostConnection) {
         var result;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -31753,7 +31836,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addPlannerElement",
     value: (function () {
-      var _addPlannerElement = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(set, artCodex, initParams, from) {
+      var _addPlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(set, artCodex, initParams, from) {
         var newArticle, plannerElement, _set$getArticleByBask;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
@@ -31802,7 +31885,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElement",
     value: (function () {
-      var _copyPlannerElement = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(set, elementId, copyInfo) {
+      var _copyPlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(set, elementId, copyInfo) {
         var allElementsToCopy, articleCopyRelation, newSelectedArticle, i, newArticle;
         return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
@@ -31851,7 +31934,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "setValidatedVariantValues",
     value: function () {
-      var _setValidatedVariantValues = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(article) {
+      var _setValidatedVariantValues = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(article) {
         return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
@@ -31917,7 +32000,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "copyArticleByElementId",
     value: (function () {
-      var _copyArticleByElementId = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(set, elementId, ignoreOptionsToCopy) {
+      var _copyArticleByElementId = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(set, elementId, ignoreOptionsToCopy) {
         var origArticle, variantValuesToCopy, i, newArticle;
         return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -31946,7 +32029,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "resetArticle",
     value: function () {
-      var _resetArticle = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(set, basketId) {
+      var _resetArticle = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(set, basketId) {
         var article;
         return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
@@ -31969,7 +32052,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addArticleToActSet",
     value: function () {
-      var _addArticleToActSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(set, articleCodex, initParams, ignorePlanner) {
+      var _addArticleToActSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(set, articleCodex, initParams, ignorePlanner) {
         var from,
           newArticle,
           _set$getArticleByBask2,
@@ -32045,7 +32128,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateAccessoireQuantity",
     value: function () {
-      var _updateAccessoireQuantity = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(set, accessoireItem, relatedToBasketId, nQuantity, forceConfigSingle) {
+      var _updateAccessoireQuantity = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(set, accessoireItem, relatedToBasketId, nQuantity, forceConfigSingle) {
         var changed3D, somethingChanged, articleCodex, parentArticle, configSingle, _accessoire$quantity, _accessoire, accessoire, curQuantity, delta, newQuantity;
         return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
@@ -32126,7 +32209,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteElementFromSetByElemId",
     value: function () {
-      var _deleteElementFromSetByElemId = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(set, elementId, autoCorrectAVL_AVR, deletionType) {
+      var _deleteElementFromSetByElemId = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(set, elementId, autoCorrectAVL_AVR, deletionType) {
         var article;
         return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
@@ -32163,7 +32246,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteElementFromSet",
     value: function () {
-      var _deleteElementFromSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14(set, article, autoCorrectAVL_AVR, deletionType, dontReload) {
+      var _deleteElementFromSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14(set, article, autoCorrectAVL_AVR, deletionType, dontReload) {
         var _deletedArticle$doorP, _set$CatalogData, _deletedArticle$curPr;
         var setId, deletedArticle, articles, key, newSelectedElement, oldTransform, result, _set$getArticleByBask3, elementDeleted;
         return _regeneratorRuntime__default["default"].wrap(function _callee14$(_context16) {
@@ -32251,7 +32334,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addAccessorieOnShelfPlanner",
     value: function () {
-      var _addAccessorieOnShelfPlanner = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15(set, gridIndex, cellIndex, parentBasketId, params) {
+      var _addAccessorieOnShelfPlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15(set, gridIndex, cellIndex, parentBasketId, params) {
         var parentArticle, articleCodex, accessoire, doesFit;
         return _regeneratorRuntime__default["default"].wrap(function _callee15$(_context17) {
           while (1) switch (_context17.prev = _context17.next) {
@@ -32348,7 +32431,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getFreeShelfGrids",
     value: function () {
-      var _getFreeShelfGrids = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee16(set, gridGroup) {
+      var _getFreeShelfGrids = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee16(set, gridGroup) {
         var _article$shelfPlanner;
         var articles, article, articleCodex, accessoire, ret;
         return _regeneratorRuntime__default["default"].wrap(function _callee16$(_context18) {
@@ -32451,7 +32534,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee17(set, accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee17(set, accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var _oldGrid$Cells$find;
         var artices, accessoire, oldParent, newParent, oldGrid, newGrid, index;
         return _regeneratorRuntime__default["default"].wrap(function _callee17$(_context19) {
@@ -32536,7 +32619,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessorieOnShelfPlanner",
     value: function () {
-      var _deleteAccessorieOnShelfPlanner = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee18(set, gridIndex, cellIndex, parentBasketId, dontReload) {
+      var _deleteAccessorieOnShelfPlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee18(set, gridIndex, cellIndex, parentBasketId, dontReload) {
         var _parentArticle$shelfP2;
         var parentArticle, articeToDelete, _parentArticle$shelfP3;
         return _regeneratorRuntime__default["default"].wrap(function _callee18$(_context20) {
@@ -32570,7 +32653,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updatePlannerTrans",
     value: function () {
-      var _updatePlannerTrans = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee19(set, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
+      var _updatePlannerTrans = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee19(set, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
         var updateConfig;
         return _regeneratorRuntime__default["default"].wrap(function _callee19$(_context21) {
           while (1) switch (_context21.prev = _context21.next) {
@@ -32653,7 +32736,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessoire",
     value: function () {
-      var _deleteAccessoire = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee20(set, articleCodex, parentBasketId) {
+      var _deleteAccessoire = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee20(set, articleCodex, parentBasketId) {
         var divaArticles, articlesToDelete, key, articleToDelete, maxQuantity, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee20$(_context22) {
           while (1) switch (_context22.prev = _context22.next) {
@@ -32830,7 +32913,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "configSingleIsChanged",
     value: (function () {
-      var _configSingleIsChanged = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee21(set, newIsConfigSingle, groupedOptions, groupedArticles) {
+      var _configSingleIsChanged = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee21(set, newIsConfigSingle, groupedOptions, groupedArticles) {
         var _set$getArticleByBask4, variantValues, key;
         return _regeneratorRuntime__default["default"].wrap(function _callee21$(_context23) {
           while (1) switch (_context23.prev = _context23.next) {
@@ -32939,7 +33022,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "loadConfigItemsOfActSetByConfigStepKey",
     value: function () {
-      var _loadConfigItemsOfActSetByConfigStepKey = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee22(set, configStepKey, visible) {
+      var _loadConfigItemsOfActSetByConfigStepKey = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee22(set, configStepKey, visible) {
         var _configItems$option;
         var optionStatesOfArticle, configItems, paletteType, filterType, stepInfo, contentItemId;
         return _regeneratorRuntime__default["default"].wrap(function _callee22$(_context24) {
@@ -33018,7 +33101,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "variantsEvaluator",
     value: (function () {
-      var _variantsEvaluator = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee23(set, configItems, configStepKey, paletteType) {
+      var _variantsEvaluator = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee23(set, configItems, configStepKey, paletteType) {
         var _set$WebConfig, _set$CatalogData$getO, _set$ViewConfig, _configItems$;
         var calcVariantsForPricePreview, checkForProductsInStock, previewType, _set$CatalogData$show, targetArticles, startTime, variants, endTime;
         return _regeneratorRuntime__default["default"].wrap(function _callee23$(_context25) {
@@ -33071,7 +33154,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "calcVariants",
     value: function () {
-      var _calcVariants = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(set, configItems, targetArticles) {
+      var _calcVariants = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(set, configItems, targetArticles) {
         var variantInfo, origConfig, i, item, variantValues, doUseConfigs, key;
         return _regeneratorRuntime__default["default"].wrap(function _callee24$(_context26) {
           while (1) switch (_context26.prev = _context26.next) {
@@ -33159,7 +33242,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateArticlesOptionStatesOfActSet",
     value: (function () {
-      var _updateArticlesOptionStatesOfActSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25(set, myValues, targetArticlesWithNewValues, ignorePlanner, from, partlistDiff) {
+      var _updateArticlesOptionStatesOfActSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25(set, myValues, targetArticlesWithNewValues, ignorePlanner, from, partlistDiff) {
         var _Object$keys, _resultPlannerUpdate;
         var elementsToDeleteById, targetArticlesToUpdateOnly, retValues, diff, resultPlannerUpdate, targetElementIds, i, articleToDel, index, articleCopyRelation, newArticle;
         return _regeneratorRuntime__default["default"].wrap(function _callee25$(_context27) {
@@ -33345,7 +33428,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateEdoArticles",
     value: function () {
-      var _updateEdoArticles = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(set, edoArticlesToLoad) {
+      var _updateEdoArticles = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(set, edoArticlesToLoad) {
         var oldBasketIds, i, article, newArticles, _i5, _i6;
         return _regeneratorRuntime__default["default"].wrap(function _callee26$(_context28) {
           while (1) switch (_context28.prev = _context28.next) {
@@ -33531,7 +33614,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "checkVariantData",
     value: function () {
-      var _checkVariantData = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(set) {
+      var _checkVariantData = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(set) {
         var somethingChanged, data;
         return _regeneratorRuntime__default["default"].wrap(function _callee27$(_context29) {
           while (1) switch (_context29.prev = _context29.next) {
@@ -33613,7 +33696,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "fillOrderLinesAndOrderSets",
     value: function () {
-      var _fillOrderLinesAndOrderSets = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28(sets, divaBasketHandler, repairOnly, setPlanner, returnTo) {
+      var _fillOrderLinesAndOrderSets = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28(sets, divaBasketHandler, repairOnly, setPlanner, returnTo) {
         var _set$WebConfig2;
         var orderSets, basketData, set, setPosNr, price, key, _set$basketConfigVari, _OrderLinesOfActSet$, _set, catalogData, articles, orderLineInitInfos, newOrderSet, OrderLinesOfActSet, ret, _key2, i, _basketData$OrderSets, _basketData$SetPlanne, oderSetsIsInActPlanning, setId, j;
         return _regeneratorRuntime__default["default"].wrap(function _callee28$(_context30) {
@@ -33807,7 +33890,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getOrderSet",
     value: function () {
-      var _getOrderSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(set, catalogData, posNr, divaNr, repairOnly, returnTo) {
+      var _getOrderSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(set, catalogData, posNr, divaNr, repairOnly, returnTo) {
         var _hqRenderScript, _set$basketConfigVari2, _set$basketConfigVari3;
         var dontGenerateImages, orderSet, GroupType, plannerData, setImage, urlToPlanning2D, alternateSetImages, hqRenderScript, promise3D, promise2D, promise3DAlternate, _yield$Promise$all, _yield$Promise$all2, promiseHQRenderScript, _yield$Promise$all3, _yield$Promise$all4, plannerWarnings, bruttoPrice;
         return _regeneratorRuntime__default["default"].wrap(function _callee29$(_context31) {
@@ -33930,16 +34013,15 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getSetImage",
     value: (function () {
-      var _getSetImage = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30(set, overwriteLastSavedRendering) {
-        var setImage, catalogData, is3D;
+      var _getSetImage = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30(set, overwriteLastSavedRendering) {
+        var setImage, is3D;
         return _regeneratorRuntime__default["default"].wrap(function _callee30$(_context32) {
           while (1) switch (_context32.prev = _context32.next) {
             case 0:
               setImage = undefined;
-              catalogData = set.CatalogData;
               is3D = ['3DImage', 'BoxPlanner', 'RTViewer'].includes(set.getPlannerMode());
               if (!is3D) {
-                _context32.next = 11;
+                _context32.next = 10;
                 break;
               }
               LOG$8.startTransaction({
@@ -33947,17 +34029,17 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 message: 'render 3D Image',
                 eventId: 'RENDER_3D_IMAGE'
               });
-              _context32.next = 7;
-              return set.plannerHandler.saveSetImage(catalogData.catalogCodex, catalogData.catalogGuid, overwriteLastSavedRendering);
-            case 7:
-              _context32.next = 9;
+              _context32.next = 6;
+              return set.plannerHandler.saveSetImage(overwriteLastSavedRendering);
+            case 6:
+              _context32.next = 8;
               return set.plannerHandler.getSetImageAsUrl(set.getSetId());
-            case 9:
+            case 8:
               setImage = _context32.sent;
               LOG$8.successTransaction('RENDER_3D_IMAGE');
-            case 11:
+            case 10:
               return _context32.abrupt("return", setImage);
-            case 12:
+            case 11:
             case "end":
               return _context32.stop();
           }
@@ -33971,7 +34053,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getHQRenderScript",
     value: function () {
-      var _getHQRenderScript = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31(set, divaNr) {
+      var _getHQRenderScript = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31(set, divaNr) {
         var is3D, hqRenderScript, createdHQRenderScript;
         return _regeneratorRuntime__default["default"].wrap(function _callee31$(_context33) {
           while (1) switch (_context33.prev = _context33.next) {
@@ -34023,7 +34105,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getAlternateSetImages",
     value: (function () {
-      var _getAlternateSetImages = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32(set) {
+      var _getAlternateSetImages = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32(set) {
         var is2D, catalogData, setImages;
         return _regeneratorRuntime__default["default"].wrap(function _callee32$(_context34) {
           while (1) switch (_context34.prev = _context34.next) {
@@ -34064,7 +34146,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "get2DSetImage",
     value: function () {
-      var _get2DSetImage = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee33(set) {
+      var _get2DSetImage = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee33(set) {
         var urlToPlanning2D, catalogData, planning2DAsJPGBase64;
         return _regeneratorRuntime__default["default"].wrap(function _callee33$(_context35) {
           while (1) switch (_context35.prev = _context35.next) {
@@ -34112,7 +34194,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "loadProductsOfSets",
     value: function () {
-      var _loadProductsOfSets = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee34(orderSets, involvedSetIds) {
+      var _loadProductsOfSets = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee34(orderSets, involvedSetIds) {
         return _regeneratorRuntime__default["default"].wrap(function _callee34$(_context36) {
           while (1) switch (_context36.prev = _context36.next) {
             case 0:
@@ -34161,7 +34243,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addOrderSetArticlesToExistingSet",
     value: function () {
-      var _addOrderSetArticlesToExistingSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee35(set, orderSet, lastSetToInitialize) {
+      var _addOrderSetArticlesToExistingSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee35(set, orderSet, lastSetToInitialize) {
         return _regeneratorRuntime__default["default"].wrap(function _callee35$(_context37) {
           while (1) switch (_context37.prev = _context37.next) {
             case 0:
@@ -34296,7 +34378,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "initializeBasket",
     value: function () {
-      var _initializeBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(api) {
+      var _initializeBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(api) {
         var _this$plannerConfig$s3, _this$plannerConfig$s5, _api$getPlannerType, _this$plannerConfig$r;
         var returnSuccessfully, divaNr, i, os, _params$customFieldsT, params, _this$plannerConfig$h, _this$plannerConfig$c, _this$plannerConfig$c2, _this$plannerConfig$c3, _result$data$, result, _result$data$2, _this$plannerConfig$s4, _this$plannerConfig$a4, _api$getI18n, _api$getI18n2, successfully;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
@@ -34507,7 +34589,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "initProductId",
     value: function () {
-      var _initProductId = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(api, productId, keepOldDivaNr) {
+      var _initProductId = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(api, productId, keepOldDivaNr) {
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -34529,7 +34611,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "tryInitFirstCatalog",
     value: function () {
-      var _tryInitFirstCatalog = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(api) {
+      var _tryInitFirstCatalog = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(api) {
         var _catalogs$Catalogs$, _catalogs$Catalogs$2;
         var accounts, catalogs;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
@@ -34575,7 +34657,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "createNewDivaNr",
     value: function () {
-      var _createNewDivaNr = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(api) {
+      var _createNewDivaNr = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(api) {
         var _this$plannerConfig$s6;
         var ret;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
@@ -34610,7 +34692,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(api, divaNr, dataFromApi, keepOldDivaNr, origProductId) {
+      var _initBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(api, divaNr, dataFromApi, keepOldDivaNr, origProductId) {
         var _dataFromApi$basket;
         var basketFromAPI, basket, i, _basket$SetPlannerInf, oldSetId, newSetId, foundIndex, newDivaNr, _this$plannerConfig$s7, _dataFromApi$NewestDo, _i;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
@@ -34757,7 +34839,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "loadBasketByCatalogCodex",
     value: function () {
-      var _loadBasketByCatalogCodex = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(api) {
+      var _loadBasketByCatalogCodex = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(api) {
         var _this$plannerConfig$s8;
         var newBasket, _this$baskets$this$di;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
@@ -34817,7 +34899,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "loadBasketByDivaNr",
     value: function () {
-      var _loadBasketByDivaNr = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(api, divaNr, keepOldDivaNr, origProductId) {
+      var _loadBasketByDivaNr = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(api, divaNr, keepOldDivaNr, origProductId) {
         var variantData;
         return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -34855,7 +34937,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "loadBasketByCustomProductId",
     value: function () {
-      var _loadBasketByCustomProductId = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(api, key, productId, fields) {
+      var _loadBasketByCustomProductId = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(api, key, productId, fields) {
         var variantData;
         return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
@@ -34893,7 +34975,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "loadProduct",
     value: function () {
-      var _loadProduct = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(api, productId, keepOldDivaNr) {
+      var _loadProduct = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(api, productId, keepOldDivaNr) {
         var result, divaNr, id, successfully;
         return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
@@ -34941,7 +35023,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "getProduct",
     value: function () {
-      var _getProduct = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(api, productId) {
+      var _getProduct = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(api, productId) {
         var result;
         return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
@@ -34977,7 +35059,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "createNewBasket",
     value: function () {
-      var _createNewBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(api, initObject, divaNr, lang) {
+      var _createNewBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(api, initObject, divaNr, lang) {
         var setId, orderSet, basketInitObejct, basket;
         return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -35040,7 +35122,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "saveToBasket",
     value: function () {
-      var _saveToBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(api, actBasket, returnTo) {
+      var _saveToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(api, actBasket, returnTo) {
         var _this$plannerConfig$c4, _this$_basketHandler, _api$getJwt;
         var response;
         return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
@@ -35206,7 +35288,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "initWWSClient",
     value: function () {
-      var _initWWSClient = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(wwsClient) {
+      var _initWWSClient = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(wwsClient) {
         var _yield$import, PfisterWWSHandler, _yield$import2, LiviqueWWSHandler, _yield$import3, SeriousWWSHandler, _yield$import4, ProductWWSHandler, _yield$import5, StandardWWSHandler;
         return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
@@ -35216,7 +35298,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context13.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-24c470e2.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-3832b3db.js'); });
             case 5:
               _yield$import = _context13.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -35224,7 +35306,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 9:
               _context13.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-9bc80b98.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-9ef41a4b.js'); });
             case 11:
               _yield$import2 = _context13.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -35232,7 +35314,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 15:
               _context13.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-a4647e89.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-44108127.js'); });
             case 17:
               _yield$import3 = _context13.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -35240,7 +35322,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 21:
               _context13.next = 23;
-              return Promise.resolve().then(function () { return require('./ProductBasketHandler-08dcf24e.js'); });
+              return Promise.resolve().then(function () { return require('./ProductBasketHandler-bf3f28a6.js'); });
             case 23:
               _yield$import4 = _context13.sent;
               ProductWWSHandler = _yield$import4["default"];
@@ -35248,7 +35330,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 27:
               _context13.next = 29;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-e211a327.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-6150a756.js'); });
             case 29:
               _yield$import5 = _context13.sent;
               StandardWWSHandler = _yield$import5["default"];
@@ -36084,6 +36166,17 @@ var Rendering = /*#__PURE__*/function () {
     value: function getUnityFOV() {
       return parseFloat(this.uiInfo['CAM']['FOV']);
     }
+  }, {
+    key: "get3DDimInfo",
+    value: function get3DDimInfo() {
+      if (this.uiInfo && this.uiInfo['DIM3D']) return this.uiInfo['DIM3D'];
+      LOG$5.warn('No dimension infos returned');
+      return {
+        w: -1,
+        h: -1,
+        d: -1
+      };
+    }
 
     //elementId has to be a string because when working with accs in shelf planner an element id is the combination of parentElementId.rasterHeight.gridId
     //It returns the distance of an element to the ground in cm
@@ -36108,7 +36201,11 @@ var Rendering = /*#__PURE__*/function () {
         }));
       }
     }
-
+  }, {
+    key: "hasUIInfo",
+    value: function hasUIInfo() {
+      return this.uiInfo != '';
+    }
     /**
      * This function adds a blobImage to the rendering .
      * It is parsed to a base64 image.
@@ -36498,7 +36595,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "initializeViewPoint",
     value: (function () {
-      var _initializeViewPoint = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(standardWhiteRoom) {
+      var _initializeViewPoint = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(standardWhiteRoom) {
         var _this$connectionHandl;
         var res, info;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
@@ -36540,7 +36637,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "initializeStaticRoomList",
     value: (function () {
-      var _initializeStaticRoomList = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(staticRoomList, catalogMainCategory) {
+      var _initializeStaticRoomList = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(staticRoomList, catalogMainCategory) {
         var roomListMsg;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -36611,14 +36708,14 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "initializeConnection",
     value: function () {
-      var _initializeConnection = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
+      var _initializeConnection = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
         var _this$connectionHandl2;
         var _yield$import, Host3DSignalR;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return Promise.resolve().then(function () { return require('./Host3DSignalR-e6cae920.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-c8a4f342.js'); });
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -36650,7 +36747,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "onConnectionInitialized",
     value: function () {
-      var _onConnectionInitialized = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(params) {
+      var _onConnectionInitialized = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(params) {
         var _this$connectionHandl5;
         var i;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
@@ -36767,7 +36864,9 @@ var PlannerHandler3D = /*#__PURE__*/function () {
 
         //Do not display the rendering if it was saved in real Time mode withough cache - it was only saved when entering the Zusammenfassung for saving it later in the Basket
 
-        if (waitedRendering.MediaServiceSaveMode == 'STREAM' && this.checkRenderingReady(params.hash, waitedRendering)) this.updatePlannerRendering(waitedRendering);
+        if (this.checkRenderingReady(params.hash, waitedRendering) && waitedRendering.MediaServiceSaveMode == 'STREAM') {
+          this.updatePlannerRendering(waitedRendering);
+        }
         return;
       }
       if (params.url) {
@@ -36892,7 +36991,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "getLastSavedRendering",
     value: (function () {
-      var _getLastSavedRendering = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5() {
+      var _getLastSavedRendering = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5() {
         var _this$lastSavedRender;
         var startTimeWait;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
@@ -36909,13 +37008,13 @@ var PlannerHandler3D = /*#__PURE__*/function () {
               startTimeWait = new Date(); //It can happen that a rendering is not in the waitForRenderings stack anymore, but UrlToSavedRendering is not set yet- therefore wait until the url to the rendering is set.
               //This happens when two renderings are requested at the same time. First one with mediaType Stream and the second with mediatype TEMP. (Open PDF Viewer directly)
             case 4:
-              if (!(this.waitForRenderings.has(this.lastSavedRendering.PlanningHash) || !this.lastSavedRendering.UrlToSavedRendering)) {
+              if (!(this.waitForRenderings.has(this.lastSavedRendering.PlanningHash) || !this.lastSavedRendering.UrlToSavedRendering || !this.lastSavedRendering.hasUIInfo())) {
                 _context5.next = 12;
                 break;
               }
               LOG$4.debug('getLAstSavedRendering - wait here');
               _context5.next = 8;
-              return this.delay(100);
+              return this.delay(50);
             case 8:
               if (!(new Date().getTime() - startTimeWait.getTime() > RenderSettings.TIMEOUT_WAITFORSAVEDRENDERING_MS)) {
                 _context5.next = 10;
@@ -36950,7 +37049,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "getLastSavedAlternateRenderings",
     value: (function () {
-      var _getLastSavedAlternateRenderings = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6() {
+      var _getLastSavedAlternateRenderings = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6() {
         var startTimeWait, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -36971,7 +37070,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
                 break;
               }
             case 5:
-              if (!(this.waitForRenderings.has(this.lastSavedAlternateRenderings[i].PlanningHash) || !this.lastSavedAlternateRenderings[i].UrlToSavedRendering)) {
+              if (!(this.waitForRenderings.has(this.lastSavedAlternateRenderings[i].PlanningHash) || !this.lastSavedAlternateRenderings[i].UrlToSavedRendering || !this.lastSavedAlternateRenderings[i].hasUIInfo())) {
                 _context6.next = 12;
                 break;
               }
@@ -37065,7 +37164,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "request3D",
     value: (function () {
-      var _request3D = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(params) {
+      var _request3D = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(params) {
         var _params$renderRequest, _params$renderRequest2, _params$renderRequest3, _params$renderRequest4, _params$renderRequest5, _params$renderRequest6, _this$viewPointHandle;
         var room, newRenderSize, doReloadWholePlanning, planningHash, requestRenderingFrom3DHost, requestHqRenderScriptFrom3DHost, rendering, renderHash, viewPointName, functionType, _params$camera, sizeInfo, _rendering, fullscreenRendering, renderingInCacheFound, _this$connectionHandl6, _plannerMeasureDigits, _params$camera2, _params$camera3, returnRequest;
         return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
@@ -37208,6 +37307,11 @@ var PlannerHandler3D = /*#__PURE__*/function () {
                 }
               }
             case 31:
+              return _context7.abrupt("return", {
+                planningHash: planningHash,
+                renderHash: renderHash
+              });
+            case 32:
             case "end":
               return _context7.stop();
           }
@@ -37381,11 +37485,6 @@ var PlannerHandler3D = /*#__PURE__*/function () {
     value: function checkConnectionInitialized() {
       return !!this.connectionHandler;
     }
-  }, {
-    key: "checkIsWaitingForRendering",
-    value: function checkIsWaitingForRendering() {
-      return this.waitForRenderings.size > 0;
-    }
   }, {
     key: "checkIsWaitingForHQRenderScript",
     value: function checkIsWaitingForHQRenderScript() {
@@ -37404,13 +37503,13 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "openARObserverConnection",
     value: function () {
-      var _openARObserverConnection = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(handleNoHqrs) {
+      var _openARObserverConnection = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(handleNoHqrs) {
         var _this2 = this;
         return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              return _context9.abrupt("return", new Promise( /*#__PURE__*/function () {
-                var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(resolve, reject) {
+              return _context9.abrupt("return", new Promise(/*#__PURE__*/function () {
+                var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(resolve, reject) {
                   var socketUrl;
                   return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
                     while (1) switch (_context8.prev = _context8.next) {
@@ -37559,7 +37658,7 @@ var DivaMediaServiceHandler = /*#__PURE__*/function () {
   }, {
     key: "savePlanning2DPermanent",
     value: function () {
-      var _savePlanning2DPermanent = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(hash, catalogCodex, catalogGUID, planning2DAsJPG) {
+      var _savePlanning2DPermanent = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(hash, catalogCodex, catalogGUID, planning2DAsJPG) {
         var imageBlob, url, data, mediaItem, mediaItemRef, response, res;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -37958,7 +38057,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   return _createClass__default["default"](DivaPlannerHandler, [{
     key: "initPlanner",
     value: (function () {
-      var _initPlanner = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(initSetState, plannerHandlerFunctions) {
+      var _initPlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(initSetState, plannerHandlerFunctions) {
         var renderGroup, diva3dServerUrl, divaMediaServiceUrl, mediaServiceApiKey, _initSetState$api$web, result;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -38033,7 +38132,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "updatePlanner",
     value: (function () {
-      var _updatePlanner = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(setId, changedOPT, targetElementIds) {
+      var _updatePlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(setId, changedOPT, targetElementIds) {
         var result, _this$plannerHandlerF, _this$plannerHandlerF2;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -38078,7 +38177,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "extendSet",
     value: (function () {
-      var _extendSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(set, setPlanData, lastSetToInitialize) {
+      var _extendSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(set, setPlanData, lastSetToInitialize) {
         var planner;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -38124,7 +38223,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "initSet",
     value: (function () {
-      var _initSet = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(set, catalogData, setPlanData) {
+      var _initSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(set, catalogData, setPlanData) {
         var lastSetToInitialize,
           planner,
           hasStaticBackground,
@@ -38165,7 +38264,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-381861d5.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-3a655cd7.js'); });
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -38176,7 +38275,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-fc403f96.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-c0491407.js'); });
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -38277,7 +38376,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "getSetRendering",
     value: (function () {
-      var _getSetRendering = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(setId) {
+      var _getSetRendering = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(setId) {
         var rendering;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -38309,7 +38408,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "getSetImageAsUrl",
     value: (function () {
-      var _getSetImageAsUrl = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(setId) {
+      var _getSetImageAsUrl = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(setId) {
         var rendering;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -38318,8 +38417,9 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return this.getSetRendering(setId);
             case 2:
               rendering = _context6.sent;
+              LOG$2.debug('SAVE SET IMAGE DIM3D width: ' + (rendering === null || rendering === void 0 ? void 0 : rendering.get3DDimInfo().w) + ', height: ' + (rendering === null || rendering === void 0 ? void 0 : rendering.get3DDimInfo().h) + ', depth: ' + (rendering === null || rendering === void 0 ? void 0 : rendering.get3DDimInfo().d));
               return _context6.abrupt("return", rendering != undefined ? rendering.UrlToSavedRendering : '');
-            case 4:
+            case 5:
             case "end":
               return _context6.stop();
           }
@@ -38345,7 +38445,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "getAlternateSetRenderings",
     value: (function () {
-      var _getAlternateSetRenderings = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(setId) {
+      var _getAlternateSetRenderings = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(setId) {
         var renderings;
         return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -38382,7 +38482,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "getAlternateSetImagesAsSetImageData",
     value: (function () {
-      var _getAlternateSetImagesAsSetImageData = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(setId) {
+      var _getAlternateSetImagesAsSetImageData = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(setId) {
         var renderings, setImageDatas, i, alternateRenderInfo;
         return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
@@ -38433,31 +38533,42 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "saveSetHQRenderScript",
     value: function () {
-      var _saveSetHQRenderScript = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9() {
-        var checkingTimes, i;
+      var _saveSetHQRenderScript = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9() {
+        var hashes, planningHash, checkingTimes, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
             case 0:
               DivaUtils__default["default"].startSpanOfApm('DivaPlannerHandler saveSetHQRenderScript');
-              this.request3D(false, true);
+              _context9.next = 3;
+              return this.request3D(false, true);
+            case 3:
+              hashes = _context9.sent;
+              if (hashes) {
+                _context9.next = 6;
+                break;
+              }
+              return _context9.abrupt("return");
+            case 6:
+              planningHash = hashes.planningHash;
               checkingTimes = 50;
               i = 0;
-            case 4:
-              if (!(this.handler3D.checkIsWaitingForHQRenderScript() && checkingTimes > i)) {
-                _context9.next = 10;
+            case 9:
+              if (!(this.handler3D.getWaitForHqRenderScript(planningHash) && checkingTimes > i)) {
+                _context9.next = 15;
                 break;
               }
-              _context9.next = 7;
-              return DivaUtils__default["default"].Sleep(200);
-            case 7:
+              _context9.next = 12;
+              return DivaUtils__default["default"].Sleep(50);
+            case 12:
               i++;
-              _context9.next = 4;
+              _context9.next = 9;
               break;
-            case 10:
+            case 15:
+              LOG$2.debug('saving performance: HQ Renderscript recieved after ' + i * checkingTimes + ' ms');
               if (this.handler3D.checkIsWaitingForHQRenderScript() && checkingTimes == i) {
                 LOG$2.error(new DivaUtils.DivaError('could not saveSetHQRenderScript'));
               }
-            case 11:
+            case 17:
             case "end":
               return _context9.stop();
           }
@@ -38471,8 +38582,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "saveSetImage",
     value: function () {
-      var _saveSetImage = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(catCodex, catGUID, overwriteLastSavedRendering) {
-        var sumWaitingMS, rendering;
+      var _saveSetImage = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(overwriteLastSavedRendering) {
+        var hashes, renderHash, sumWaitingMS, rendering;
         return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
@@ -38480,10 +38591,11 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
 
               //Save permanent rendering
               if (!(overwriteLastSavedRendering || !this.handler3D.hasLastSavedRendering())) {
-                _context10.next = 10;
+                _context10.next = 16;
                 break;
               }
-              this.request3D(true, false, false, undefined, true, {
+              _context10.next = 4;
+              return this.request3D(true, false, false, undefined, true, {
                 width: 100,
                 height: 100,
                 isFullscreenRendering: false,
@@ -38491,39 +38603,50 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
                 mediaServiceSaveMode: 'PERMANENT',
                 doShow3DDimensionLines: false
               });
-              sumWaitingMS = 0;
             case 4:
-              if (!(this.handler3D.checkIsWaitingForRendering() && sumWaitingMS < RenderSettings.TIMEOUT_WAITFORSAVEDRENDERING_MS)) {
-                _context10.next = 10;
+              hashes = _context10.sent;
+              if (hashes) {
+                _context10.next = 7;
                 break;
               }
-              sumWaitingMS += 200;
-              _context10.next = 8;
-              return DivaUtils__default["default"].Sleep(200);
-            case 8:
-              _context10.next = 4;
+              return _context10.abrupt("return", false);
+            case 7:
+              renderHash = hashes.renderHash;
+              sumWaitingMS = 0;
+            case 9:
+              if (!(this.handler3D.getWaitForRendering(renderHash) && sumWaitingMS < RenderSettings.TIMEOUT_WAITFORSAVEDRENDERING_MS)) {
+                _context10.next = 15;
+                break;
+              }
+              sumWaitingMS += 50;
+              _context10.next = 13;
+              return DivaUtils__default["default"].Sleep(50);
+            case 13:
+              _context10.next = 9;
               break;
-            case 10:
-              _context10.next = 12;
+            case 15:
+              LOG$2.debug('saving performance: 3D Image recieved after ' + sumWaitingMS + ' ms');
+            case 16:
+              _context10.next = 18;
               return this.handler3D.getLastSavedRendering();
-            case 12:
+            case 18:
               rendering = _context10.sent;
               if (!(!rendering || !rendering.UrlToSavedRendering)) {
-                _context10.next = 16;
+                _context10.next = 22;
                 break;
               }
               DivaUtils__default["default"].endSpanOfApm('DivaPlannerHandler saveSetImage');
               return _context10.abrupt("return", false);
-            case 16:
+            case 22:
               DivaUtils__default["default"].endSpanOfApm('DivaPlannerHandler saveSetImage');
               return _context10.abrupt("return", true);
-            case 18:
+            case 24:
             case "end":
               return _context10.stop();
           }
         }, _callee10, this);
       }));
-      function saveSetImage(_x16, _x17, _x18) {
+      function saveSetImage(_x16) {
         return _saveSetImage.apply(this, arguments);
       }
       return saveSetImage;
@@ -38537,7 +38660,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "saveAlternateSetImages",
     value: (function () {
-      var _saveAlternateSetImages = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(catCodex, catGUID) {
+      var _saveAlternateSetImages = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(catCodex, catGUID) {
         var renderings, i, j;
         return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -38590,7 +38713,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
           }
         }, _callee11, this);
       }));
-      function saveAlternateSetImages(_x19, _x20) {
+      function saveAlternateSetImages(_x17, _x18) {
         return _saveAlternateSetImages.apply(this, arguments);
       }
       return saveAlternateSetImages;
@@ -38598,7 +38721,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "saveSet2DImage",
     value: function () {
-      var _saveSet2DImage = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(setId, catCodex, catGUID, planning2DAsJPGBase64) {
+      var _saveSet2DImage = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(setId, catCodex, catGUID, planning2DAsJPGBase64) {
         var curPlanningHash, urlToPlanning2D;
         return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
@@ -38618,7 +38741,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
           }
         }, _callee12, this);
       }));
-      function saveSet2DImage(_x21, _x22, _x23, _x24) {
+      function saveSet2DImage(_x19, _x20, _x21, _x22) {
         return _saveSet2DImage.apply(this, arguments);
       }
       return saveSet2DImage;
@@ -38673,7 +38796,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "addPlannerElement",
     value: function () {
-      var _addPlannerElement = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(setId, basketId, initParams) {
+      var _addPlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(setId, basketId, initParams) {
         var _this$plannerList$get;
         return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
@@ -38701,7 +38824,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
           }
         }, _callee13, this);
       }));
-      function addPlannerElement(_x25, _x26, _x27) {
+      function addPlannerElement(_x23, _x24, _x25) {
         return _addPlannerElement.apply(this, arguments);
       }
       return addPlannerElement;
@@ -38709,7 +38832,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14(setId, elementId, autoCorrectAVL_AVR, deletionType) {
+      var _deletePlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14(setId, elementId, autoCorrectAVL_AVR, deletionType) {
         var response;
         return _regeneratorRuntime__default["default"].wrap(function _callee14$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
@@ -38738,7 +38861,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
           }
         }, _callee14, this);
       }));
-      function deletePlannerElement(_x28, _x29, _x30, _x31) {
+      function deletePlannerElement(_x26, _x27, _x28, _x29) {
         return _deletePlannerElement.apply(this, arguments);
       }
       return deletePlannerElement;
@@ -38767,7 +38890,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElements",
     value: (function () {
-      var _copyPlannerElements = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15(setId, articleCopyRelation, copyInfo) {
+      var _copyPlannerElements = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15(setId, articleCopyRelation, copyInfo) {
         var response;
         return _regeneratorRuntime__default["default"].wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
@@ -38791,7 +38914,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
           }
         }, _callee15, this);
       }));
-      function copyPlannerElements(_x32, _x33, _x34) {
+      function copyPlannerElements(_x30, _x31, _x32) {
         return _copyPlannerElements.apply(this, arguments);
       }
       return copyPlannerElements;
@@ -38910,65 +39033,95 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "request3D",
-    value: function request3D(doRequestRendering, doRequestHqRenderScript, alternateRenderingsExist, alternateRenderInfo, forceReloadPlanning, renderRequestInfos, viewpoint) {
-      var _this3 = this;
-      if (doRequestRendering) {
-        if (!renderRequestInfos) {
-          LOG$2.error(new DivaUtils.DivaError('Error requesting 3D rendering. No renderRequestInfo is set'));
-          return;
-        } else if (renderRequestInfos.width <= 0 || isNaN(renderRequestInfos.width) || renderRequestInfos.height <= 0 || isNaN(renderRequestInfos.height)) {
-          LOG$2.error(new DivaUtils.DivaError('Error requesting rendering. Not valid width or height request width: ' + renderRequestInfos.width + ' height: ' + renderRequestInfos.height));
-          return;
-        }
-      }
-      var plannerData = this.handler3D.initPlannerData(this.plannerHandlerFunctions.doAllowSetPlanner());
-      var loadedCatData = [];
-      var plannerExists = false;
-      var savedSetId = undefined;
-      this.plannerList.forEach(function (planner, setId) {
-        var _renderRequestInfos$d;
-        savedSetId = setId;
-        var config = planner.getSetData(true, _this3.plannerHandlerFunctions.doAllowSetPlanner(), (_renderRequestInfos$d = renderRequestInfos === null || renderRequestInfos === void 0 ? void 0 : renderRequestInfos.doShow3DDimensionLines) !== null && _renderRequestInfos$d !== void 0 ? _renderRequestInfos$d : false, alternateRenderInfo);
-        var setData = config.constructionSet;
-
-        //Add technical Info to setData
-        var bboxInfo2D = _this3.get2DViewPlannerBoundingBox();
-        setData.TechSize = {
-          Width: bboxInfo2D.size.x,
-          Height: bboxInfo2D.size.y,
-          Depth: bboxInfo2D.size.z
-        };
-        plannerData.SCE.ROO[0].SET.push(setData);
-        plannerExists = true;
-        var catalog = planner.getCatalogData();
-        if (renderRequestInfos) renderRequestInfos.plannerMeasureDigits = catalog.PlannerMeasureDigits;
-        loadedCatData.push({
-          catalogCodex: catalog.catalogCodex,
-          catalogGUID: catalog.catalogGuid,
-          lang: catalog.api.getLanguage()
-        });
-      });
-      if (plannerExists) {
-        // if not in set planner mode overwrite s1 with correct setId
-        if (!this.plannerHandlerFunctions.doAllowSetPlanner()) {
-          plannerData.SCE.ROO[0].SET[0].ID = savedSetId;
-          plannerData.SCE.ROO[0].SelectSet = savedSetId;
-        }
-        this.handler3D.request3D({
-          doRequestRendering: doRequestRendering,
-          doRequestHqRenderScript: doRequestHqRenderScript,
-          divaNr: this.divaNr,
-          planningData: plannerData,
-          catalogData: loadedCatData[0],
-          renderRequestInfos: renderRequestInfos,
-          forceReloadPlanning: forceReloadPlanning,
-          alternateRenderInfo: alternateRenderInfo,
-          alternateRenderingsExist: alternateRenderingsExist,
-          camera: viewpoint
-        });
+    value: function () {
+      var _request3D = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee16(doRequestRendering, doRequestHqRenderScript, alternateRenderingsExist, alternateRenderInfo, forceReloadPlanning, renderRequestInfos, viewpoint) {
+        var _this3 = this;
+        var plannerData, loadedCatData, plannerExists, savedSetId;
+        return _regeneratorRuntime__default["default"].wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
+            case 0:
+              if (!doRequestRendering) {
+                _context16.next = 9;
+                break;
+              }
+              if (renderRequestInfos) {
+                _context16.next = 6;
+                break;
+              }
+              LOG$2.error(new DivaUtils.DivaError('Error requesting 3D rendering. No renderRequestInfo is set'));
+              return _context16.abrupt("return");
+            case 6:
+              if (!(renderRequestInfos.width <= 0 || isNaN(renderRequestInfos.width) || renderRequestInfos.height <= 0 || isNaN(renderRequestInfos.height))) {
+                _context16.next = 9;
+                break;
+              }
+              LOG$2.error(new DivaUtils.DivaError('Error requesting rendering. Not valid width or height request width: ' + renderRequestInfos.width + ' height: ' + renderRequestInfos.height));
+              return _context16.abrupt("return");
+            case 9:
+              plannerData = this.handler3D.initPlannerData(this.plannerHandlerFunctions.doAllowSetPlanner());
+              loadedCatData = [];
+              plannerExists = false;
+              savedSetId = undefined;
+              this.plannerList.forEach(function (planner, setId) {
+                var _renderRequestInfos$d;
+                savedSetId = setId;
+                var config = planner.getSetData(true, _this3.plannerHandlerFunctions.doAllowSetPlanner(), (_renderRequestInfos$d = renderRequestInfos === null || renderRequestInfos === void 0 ? void 0 : renderRequestInfos.doShow3DDimensionLines) !== null && _renderRequestInfos$d !== void 0 ? _renderRequestInfos$d : false, alternateRenderInfo);
+                var setData = config.constructionSet;
+
+                //Add technical Info to setData
+                var bboxInfo2D = _this3.get2DViewPlannerBoundingBox();
+                setData.TechSize = {
+                  Width: bboxInfo2D.size.x,
+                  Height: bboxInfo2D.size.y,
+                  Depth: bboxInfo2D.size.z
+                };
+                plannerData.SCE.ROO[0].SET.push(setData);
+                plannerExists = true;
+                var catalog = planner.getCatalogData();
+                if (renderRequestInfos) renderRequestInfos.plannerMeasureDigits = catalog.PlannerMeasureDigits;
+                loadedCatData.push({
+                  catalogCodex: catalog.catalogCodex,
+                  catalogGUID: catalog.catalogGuid,
+                  lang: catalog.api.getLanguage()
+                });
+              });
+              if (!plannerExists) {
+                _context16.next = 19;
+                break;
+              }
+              // if not in set planner mode overwrite s1 with correct setId
+              if (!this.plannerHandlerFunctions.doAllowSetPlanner()) {
+                plannerData.SCE.ROO[0].SET[0].ID = savedSetId;
+                plannerData.SCE.ROO[0].SelectSet = savedSetId;
+              }
+              _context16.next = 18;
+              return this.handler3D.request3D({
+                doRequestRendering: doRequestRendering,
+                doRequestHqRenderScript: doRequestHqRenderScript,
+                divaNr: this.divaNr,
+                planningData: plannerData,
+                catalogData: loadedCatData[0],
+                renderRequestInfos: renderRequestInfos,
+                forceReloadPlanning: forceReloadPlanning,
+                alternateRenderInfo: alternateRenderInfo,
+                alternateRenderingsExist: alternateRenderingsExist,
+                camera: viewpoint
+              });
+            case 18:
+              return _context16.abrupt("return", _context16.sent);
+            case 19:
+              return _context16.abrupt("return");
+            case 20:
+            case "end":
+              return _context16.stop();
+          }
+        }, _callee16, this);
+      }));
+      function request3D(_x33, _x34, _x35, _x36, _x37, _x38, _x39) {
+        return _request3D.apply(this, arguments);
       }
-    }
-
+      return request3D;
+    }()
     /**
      * This function returns the Project (JSON) of the planning data of a specific set.
      * @param setId     Only contains planner Information of this set
@@ -39001,15 +39154,6 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return JSON.stringify(plannerData);
     }
-
-    /**
-     * This function indicates if the 3d handler is still waiting for any rendering. It returnes false when no render job is open.
-     */
-  }, {
-    key: "checkIsWaitingForRendering",
-    value: function checkIsWaitingForRendering() {
-      return this.handler3D.checkIsWaitingForRendering();
-    }
   }, {
     key: "createPlanningHash",
     value:
@@ -39226,7 +39370,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param configStepKey unique indentifier for configStep
      */
     _defineProperty__default["default"](this, "loadConfigItemsOfOptions", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(configStepKey, paletteId, isUpdate, visible) {
+      var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(configStepKey, paletteId, isUpdate, visible) {
         var _this$updateConfigIte;
         var retValues;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
@@ -39250,7 +39394,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     /**
      * this function laods the summary Items
      */
-    _defineProperty__default["default"](this, "loadSummaryItems", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
+    _defineProperty__default["default"](this, "loadSummaryItems", /*#__PURE__*/_asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
       var _this$actions, _this$actions$toggleL, _this$updateSummaryIt, _this$actions2, _this$actions2$toggle;
       var setPriceCurrency, setPriceFormat, summaryItems;
       return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
@@ -39306,7 +39450,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param parentElement ElementID of the parent element used for docking
      */
     _defineProperty__default["default"](this, "addPlannerElement", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(elementCodex, initParams, dontUpdateView) {
+      var _ref3 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(elementCodex, initParams, dontUpdateView) {
         var _this$actions3, _this$actions3$toggle, _this$actions6, _this$actions6$toggle, _this$updateViewPlann, _this$updateElementSe;
         var set, newArticle, _this$actions4, _this$actions4$openMo, _this$i18n, _this$i18n2, _this$actions5, _this$actions5$toggle, baseArticle;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
@@ -39372,7 +39516,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param articleCodex articleCodex of the new Element
      */
     _defineProperty__default["default"](this, "switchPlannerElement", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(setId, elementId, articleCodex, initParams) {
+      var _ref4 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(setId, elementId, articleCodex, initParams) {
         var _this$actions7, _this$actions7$toggle, _this$actions8, _this$actions8$toggle, _this$updateViewPlann2, _this$updateElementSe2;
         var set, variantValues, deletionResult, article;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
@@ -39414,7 +39558,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       };
     }());
     _defineProperty__default["default"](this, "addAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
+      var _ref5 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
         var _this$actions9, _this$actions9$toggle, _this$actions10, _this$actions10$toggl;
         var set, retVal, _this$updateViewPlann3;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
@@ -39464,7 +39608,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       _this.updatePlannerView('MOVE_DOORS');
     });
     _defineProperty__default["default"](this, "deleteAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
+      var _ref6 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
         var _this$updateViewPlann5;
         var set;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
@@ -39498,7 +39642,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param transState
      */
     _defineProperty__default["default"](this, "updatePlannerTrans", /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
+      var _ref7 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
         var _this$updateElementSe3;
         return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -39536,7 +39680,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
     });
     _defineProperty__default["default"](this, "updateAccessoireQuantity", /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
+      var _ref8 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
         var _this$actions11, _this$actions11$toggl, _this$actions12, _this$actions12$toggl;
         var ret;
         return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
@@ -39564,7 +39708,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       };
     }());
     _defineProperty__default["default"](this, "deleteAccessoire", /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(articleCodex, parentBasketId) {
+      var _ref9 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9(articleCodex, parentBasketId) {
         var set, wasDeleted, _this$updateViewPlann6;
         return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
@@ -39613,7 +39757,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param configStepKey act ConfigStep
      */
     _defineProperty__default["default"](this, "configSingleIsChanged", /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
+      var _ref10 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
         var set;
         return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
@@ -39651,7 +39795,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     //onConfigItemClick ist ein Click auf das Item der ConfigPalette um die OPV zu ändern
     _defineProperty__default["default"](this, "doConfigure", /*#__PURE__*/function () {
-      var _ref11 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents) {
+      var _ref11 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents) {
         var set, returnValues, structure, _returnValues$element, _this$updateViewPlann8, _this$updateElementSe4;
         return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -39698,7 +39842,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       };
     }());
     _defineProperty__default["default"](this, "fillBaksetforOnWebPlanerConfigChange", /*#__PURE__*/function () {
-      var _ref12 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(myValues, isInit) {
+      var _ref12 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(myValues, isInit) {
+        var _myValues;
         var set, articles, article;
         return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
@@ -39716,22 +39861,31 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               return _context12.abrupt("return");
             case 5:
-              if (!myValues) {
-                //get first option of the first article
-                articles = set.getDivaArticles();
-                article = articles[Object.keys(articles)[0]];
-                myValues = article === null || article === void 0 ? void 0 : article.VariantValuesWithoutFreetext;
+              if (myValues) {
+                _context12.next = 11;
+                break;
+              }
+              //get first option of the first article
+              articles = set.getDivaArticles();
+              article = articles[Object.keys(articles)[0]];
+              if (article) {
+                _context12.next = 10;
+                break;
               }
+              return _context12.abrupt("return");
+            case 10:
+              myValues = article === null || article === void 0 ? void 0 : article.VariantValuesWithoutFreetext;
+            case 11:
               _context12.t0 = _this.divaBasketHandler;
               _context12.t1 = set;
-              _context12.next = 10;
+              _context12.next = 15;
               return setHandlerInstance.fillOrderLinesAndOrderSets(_this.sets, _this.divaBasketHandler, true, _this.doAllowSetPlanner(), _this.ReturnTo);
-            case 10:
+            case 15:
               _context12.t2 = _context12.sent;
-              _context12.t3 = Object.keys(myValues);
+              _context12.t3 = Object.keys((_myValues = myValues) !== null && _myValues !== void 0 ? _myValues : {});
               _context12.t4 = isInit;
               return _context12.abrupt("return", _context12.t0.fillBaksetforOnWebPlanerConfigChange.call(_context12.t0, _context12.t1, _context12.t2, _context12.t3, _context12.t4));
-            case 14:
+            case 19:
             case "end":
               return _context12.stop();
           }
@@ -39770,7 +39924,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   return _createClass__default["default"](DivaWebPlanner, [{
     key: "initialize",
     value: function () {
-      var _initialize = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13() {
+      var _initialize = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13() {
         var viewReadyPromise, loadSuccessful, _initSetState$api$web, _this$actions14, _set$getDivaArticles, _set$getSetPrice, _this$actions13, _this$actions13$toggl, initSetState, set, products, result, _this$actions15, basket, catalogData;
         return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
@@ -40020,7 +40174,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getDimension",
     value: function () {
-      var _getDimension = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14() {
+      var _getDimension = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee14() {
         var _this$actSet4;
         return _regeneratorRuntime__default["default"].wrap(function _callee14$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
@@ -40059,7 +40213,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initView",
     value: (function () {
-      var _initView = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15() {
+      var _initView = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee15() {
         var set, plannerMode, _this$initConfigurato, _this$initPlannerView, _this$initConfigurato2, _this$updateViewPlann9;
         return _regeneratorRuntime__default["default"].wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
@@ -40116,7 +40270,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "runInitMode",
     value: function () {
-      var _runInitMode = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee16(plannerMode) {
+      var _runInitMode = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee16(plannerMode) {
         var _this$navigateToTabGr2;
         var doDefault, configStepKey, _this$actSet6, _this$navigateToTabGr3, _this$navigateToTabGr4, _this$navigateToTabGr5;
         return _regeneratorRuntime__default["default"].wrap(function _callee16$(_context16) {
@@ -40173,7 +40327,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addSetToActPlanningByDivaNr",
     value: function () {
-      var _addSetToActPlanningByDivaNr = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee17(divaNr) {
+      var _addSetToActPlanningByDivaNr = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee17(divaNr) {
         var _this$updateViewPlann10;
         var set, orderSets, i, orderset, lastSetToInitialize, loadedSet, articlesKeys;
         return _regeneratorRuntime__default["default"].wrap(function _callee17$(_context17) {
@@ -40236,7 +40390,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initProductId",
     value: function () {
-      var _initProductId = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee18(productId) {
+      var _initProductId = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee18(productId) {
         var loadSuccessful;
         return _regeneratorRuntime__default["default"].wrap(function _callee18$(_context18) {
           while (1) switch (_context18.prev = _context18.next) {
@@ -40292,7 +40446,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "setActSetCurConfigStepKey",
     value: function () {
-      var _setActSetCurConfigStepKey = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee19(curConfigStepKey) {
+      var _setActSetCurConfigStepKey = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee19(curConfigStepKey) {
         var set;
         return _regeneratorRuntime__default["default"].wrap(function _callee19$(_context19) {
           while (1) switch (_context19.prev = _context19.next) {
@@ -40449,7 +40603,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee20(setId, elementId, denyElementSelectionClear) {
+      var _deletePlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee20(setId, elementId, denyElementSelectionClear) {
         var _this$updateViewPlann11;
         var set, result, _this$updateElementSe5, _this$updateElementSe6;
         return _regeneratorRuntime__default["default"].wrap(function _callee20$(_context20) {
@@ -40492,7 +40646,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElement",
     value: (function () {
-      var _copyPlannerElement = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee21(setId, elementId, curConfigKey, copyInfo) {
+      var _copyPlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee21(setId, elementId, curConfigKey, copyInfo) {
         var _this$updateViewPlann12;
         var set, newSelectedArticle, newConfigStepKey, _this$updateElementSe7, baseArticle;
         return _regeneratorRuntime__default["default"].wrap(function _callee21$(_context21) {
@@ -40554,7 +40708,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getFreePlacesOnGrids",
     value: function () {
-      var _getFreePlacesOnGrids = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee22(gridGroup, from) {
+      var _getFreePlacesOnGrids = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee22(gridGroup, from) {
         var _this$updateFreePlace;
         var set, freeShelfGrids, plannedShelfGrids;
         return _regeneratorRuntime__default["default"].wrap(function _callee22$(_context22) {
@@ -40615,7 +40769,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee23(accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee23(accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var set, newGridId;
         return _regeneratorRuntime__default["default"].wrap(function _callee23$(_context23) {
           while (1) switch (_context23.prev = _context23.next) {
@@ -40652,7 +40806,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "resetArticle",
     value: function () {
-      var _resetArticle = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(basketId) {
+      var _resetArticle = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(basketId) {
         var set;
         return _regeneratorRuntime__default["default"].wrap(function _callee24$(_context24) {
           while (1) switch (_context24.prev = _context24.next) {
@@ -40680,7 +40834,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "checkVariantData",
     value: function () {
-      var _checkVariantData = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25() {
+      var _checkVariantData = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25() {
         var somethingChanged;
         return _regeneratorRuntime__default["default"].wrap(function _callee25$(_context25) {
           while (1) switch (_context25.prev = _context25.next) {
@@ -40796,7 +40950,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasketWrapper",
     value: function () {
-      var _saveToBasketWrapper = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(event, repairOnly, force) {
+      var _saveToBasketWrapper = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(event, repairOnly, force) {
         var _this$actions23,
           _this$actions23$toggl,
           _this$actions24,
@@ -40916,7 +41070,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasket",
     value: function () {
-      var _saveToBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(event, repairOnly, force) {
+      var _saveToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(event, repairOnly, force) {
         var _returnTo, _event, _event2, _event3, _returnTo2, _returnTo3, _this$actions30, _this$actions31;
         var set, actBasket, returnTo, oldReturnTo, count, basketData, bytes, result, newDivaNr, _result2, _event4, product;
         return _regeneratorRuntime__default["default"].wrap(function _callee27$(_context27) {
@@ -41299,7 +41453,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getBasketDataWithEkText",
     value: function () {
-      var _getBasketDataWithEkText = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28() {
+      var _getBasketDataWithEkText = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28() {
         return _regeneratorRuntime__default["default"].wrap(function _callee28$(_context28) {
           while (1) switch (_context28.prev = _context28.next) {
             case 0:
@@ -41341,7 +41495,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addToBasket",
     value: function () {
-      var _addToBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(actBasket) {
+      var _addToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(actBasket) {
         var _this$actions32,
           _this$actions33,
           _this$actions34,
@@ -41755,7 +41909,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initApiForLogicOnly",
     value: //just for testing purposes
     function () {
-      var _initApiForLogicOnly = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
+      var _initApiForLogicOnly = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
         return _regeneratorRuntime__default["default"].wrap(function _callee30$(_context30) {
           while (1) switch (_context30.prev = _context30.next) {
             case 0:
@@ -41793,7 +41947,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "loadBasket",
     value: function () {
-      var _loadBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31() {
+      var _loadBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31() {
         return _regeneratorRuntime__default["default"].wrap(function _callee31$(_context31) {
           while (1) switch (_context31.prev = _context31.next) {
             case 0:
@@ -41817,7 +41971,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32(init3D, ignoreFavorites) {
+      var _initBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32(init3D, ignoreFavorites) {
         var _initSetState$api$web2;
         var initSetState, sets, result, _sets$, set, basket;
         return _regeneratorRuntime__default["default"].wrap(function _callee32$(_context32) {
@@ -41881,7 +42035,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getValidVariantsLength",
     value: function () {
-      var _getValidVariantsLength = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee33() {
+      var _getValidVariantsLength = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee33() {
         var set;
         return _regeneratorRuntime__default["default"].wrap(function _callee33$(_context33) {
           while (1) switch (_context33.prev = _context33.next) {
@@ -41905,7 +42059,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee34(mode) {
+      var _handleFavorites = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee34(mode) {
         var _this4 = this;
         var set, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee34$(_context34) {
@@ -41957,7 +42111,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initSapOrderLinesFromBasket",
     value: function () {
-      var _initSapOrderLinesFromBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee35(divaNr, init3D, onlyLoadOldBakset) {
+      var _initSapOrderLinesFromBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee35(divaNr, init3D, onlyLoadOldBakset) {
         var result, oldBasket, basket;
         return _regeneratorRuntime__default["default"].wrap(function _callee35$(_context35) {
           while (1) switch (_context35.prev = _context35.next) {
@@ -42278,7 +42432,7 @@ function loadAndRepairBasket(_x, _x2, _x3, _x4, _x5, _x6, _x7) {
   return _loadAndRepairBasket.apply(this, arguments);
 }
 function _loadAndRepairBasket() {
-  _loadAndRepairBasket = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(settings, apiConfig, organizationId, getSessionGuid, divaNr, customProductId, organization) {
+  _loadAndRepairBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(settings, apiConfig, organizationId, getSessionGuid, divaNr, customProductId, organization) {
     var lang,
       assignNewDivaNr,
       basketData,
@@ -42710,7 +42864,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "addAccessoireInCells",
     value: (function () {
-      var _addAccessoireInCells = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(index, accessoire, type, noMove, noDelete, onlyPlaceHolder) {
+      var _addAccessoireInCells = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(index, accessoire, type, noMove, noDelete, onlyPlaceHolder) {
         var size, onBoard, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -42772,7 +42926,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessoireInCells",
     value: (function () {
-      var _deleteAccessoireInCells = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(index) {
+      var _deleteAccessoireInCells = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(index) {
         var cell, article, i, _this$cells$i$Article2;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -42807,7 +42961,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "deleteAllAccOfGrid",
     value: function () {
-      var _deleteAllAccOfGrid = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
+      var _deleteAllAccOfGrid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
         var deletedBasketIds, j, cell;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -42845,7 +42999,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "updateMontageOption",
     value: function () {
-      var _updateMontageOption = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4() {
+      var _updateMontageOption = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4() {
         var _this = this;
         var dontOverwriteOptions, _loop, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context5) {
@@ -42933,7 +43087,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "updateAccessoireMontageOption",
     value: function () {
-      var _updateAccessoireMontageOption = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(optionCodex, optionValueCodex, accessoires) {
+      var _updateAccessoireMontageOption = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(optionCodex, optionValueCodex, accessoires) {
         var _this$article$shelfAc;
         var i;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context6) {
@@ -59301,7 +59455,7 @@ var RenderingsToCreate = [_objectSpread$3(_objectSpread$3({}, a$2), {}, {
 
 var axios = require('axios');
 var getSessionGuid = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(organizaitionId, apiKey, userRole, sessionGuids, loginMode, authService, api2Location, doPfisterLogin) {
+  var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(organizaitionId, apiKey, userRole, sessionGuids, loginMode, authService, api2Location, doPfisterLogin) {
     var _response$data;
     var _url, _response, login, zToken, url, response;
     return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
@@ -59417,7 +59571,7 @@ var ProductHandler = /*#__PURE__*/function () {
      * @param catalogData the catalog data for this basket
      */
     _defineProperty__default["default"](this, "createAndSave", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(_ref) {
+      var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(_ref) {
         var basket, catalogData, createdState;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -59458,7 +59612,7 @@ var ProductHandler = /*#__PURE__*/function () {
      * @param productData an optional list of products, if set no products get loaded from the server
      */
     _defineProperty__default["default"](this, "loadProducts", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(_ref3) {
+      var _ref4 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(_ref3) {
         var _productData$length, _basket$OrderSets, _baseProduct, _baseProduct2, _baseProduct3, _baseProduct4, _baseProduct5, _baseProduct6, _baseProduct7, _baseProduct8, _baseProduct9, _baseProduct10, _baseProduct11, _baseProduct$width, _baseProduct12, _basket$SetPlannerInf, _basket$OrderSets$0$B, _baseProduct$height, _baseProduct13, _basket$SetPlannerInf2, _basket$OrderSets$0$B2, _baseProduct$depth, _baseProduct14, _basket$SetPlannerInf3, _basket$OrderSets$0$B3, _basket$SetPlannerInf4, _basket$SetPlannerInf5, _baseProduct15, _baseProduct16, _baseProduct17;
         var basket, catalogData, productData, classificationFields, products, baseProduct, variantProducts, isSet, dockingPoints, orderDescription, catalogDataName, catalogDataDescription, setName, _ProductHandler$calcu, shortDescription, shortDescriptionModified, _ProductHandler$calcu2, addedPrice, addedPriceModified, articles, baseData, classificationData, variantData, variantDataModified, addedProducts, removedProducts, optFields, initialSelectedFields, _basket$OrderSets$0$C2, usedConfigVariants, differingOPTs, _basket$OrderSets$0$C3, opts, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
@@ -59703,7 +59857,7 @@ var ProductHandler = /*#__PURE__*/function () {
      * @param classificationFields the lists of classification fields used
      */
     _defineProperty__default["default"](this, "saveData", /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(_ref9) {
+      var _ref10 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(_ref9) {
         var baseData, classificationData, products, baseProduct, j, file;
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -59880,7 +60034,7 @@ var ProductHandler = /*#__PURE__*/function () {
   }, {
     key: "apiSaveProducts",
     value: function () {
-      var _apiSaveProducts = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(products) {
+      var _apiSaveProducts = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(products) {
         var _this2 = this;
         var fullUrl, promises;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
@@ -60089,7 +60243,7 @@ var ENVIRONMENT = 'Pfister Q';
 var DEFAULT_RANGE = 1;
 var DEFAULT_SKIP = 2;
 var creatRenderOrders = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(updateResult) {
+  var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(updateResult) {
     var rangeArg, TESTING_RANGE, skipArg, TESTING_SKIP, sessionGuids, _loop, w;
     return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
@@ -60151,7 +60305,7 @@ var creatRenderOrders = /*#__PURE__*/function () {
                           }
                           webPlanner = new DivaWebPlanner(webPlannerParams);
                           getSessionGuidForward = /*#__PURE__*/function () {
-                            var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(u) {
+                            var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(u) {
                               var _dataset$configState$, _dataset$configState$2;
                               return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
                                 while (1) switch (_context.prev = _context.next) {
@@ -60304,7 +60458,7 @@ var creatRenderOrders = /*#__PURE__*/function () {
   };
 }();
 var saveRenderJob = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(product, basket, renderings, apiData) {
+  var _ref3 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(product, basket, renderings, apiData) {
     var jobs, i, rendering, fileFormat, newJob, diva3DProject, _basket$OrderSets$0$C, variant;
     return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
@@ -60418,7 +60572,7 @@ var a = ['DIVA-103019-1', 'DIVA-1031240-1', 'DIVA-103544-2', 'DIVA-1068152-1', '
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getOrigProductId = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(updateResult) {
+  var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(updateResult) {
     var sessionGuids, dataset, _loop, index;
     return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
@@ -60438,7 +60592,7 @@ var getOrigProductId = /*#__PURE__*/function () {
                   webPlannerParams['divaNr'] = divaNr;
                   webPlanner = new DivaWebPlanner(webPlannerParams);
                   getSessionGuidForward = /*#__PURE__*/function () {
-                    var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(u) {
+                    var _ref2 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(u) {
                       var _dataset$configState$, _dataset$configState$2;
                       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
                         while (1) switch (_context.prev = _context.next) {