@crystaldesign/web-planner-logic 24.11.0-beta.8 → 24.11.0-rc.0

package/build/esm/{index-53d1332b.js → index-ae50d2a1.js}

@@ -98,7 +98,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "fetchData",
     value: function () {
-      var _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, init) {
+      var _fetchData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, init) {
         var skip,
           response,
           finalUrl,
@@ -191,7 +191,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getDataWithoutCache",
     value: function () {
-      var _getDataWithoutCache = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(queryString, init, useWebServiceApi) {
+      var _getDataWithoutCache = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(queryString, init, useWebServiceApi) {
         var _this$apiConfig, _this$apiConfig2, api2Url;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -263,7 +263,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getDataCache",
     value: function () {
-      var _getDataCache = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(queryString, cacheMD5, accountSessionGuid, useWebServiceApi, method, data) {
+      var _getDataCache = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(queryString, cacheMD5, accountSessionGuid, useWebServiceApi, method, data) {
         var myQS, url, init, addSession, _this$apiConfig3, _this$apiConfig4, api2Url, result;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -363,7 +363,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "saveAsProduct",
     value: function () {
-      var _saveAsProduct = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(sets, basket) {
+      var _saveAsProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(sets, basket) {
         var catalogData, _this$handler;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -692,7 +692,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "setAccountSessionGuid",
     value: function () {
-      var _setAccountSessionGuid = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref) {
+      var _setAccountSessionGuid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref) {
         var os, accountGuid, catalogGuid, response, _this$actions;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -1042,7 +1042,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getArticleJson",
     value: function () {
-      var _getArticleJson = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(artCodex, catalogCodex, accountSessionGuid) {
+      var _getArticleJson = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(artCodex, catalogCodex, accountSessionGuid) {
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -1064,7 +1064,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getJsonOptionTree",
     value: function () {
-      var _getJsonOptionTree = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(templateCodex, catalogCodex, accountSessionGuid) {
+      var _getJsonOptionTree = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(templateCodex, catalogCodex, accountSessionGuid) {
         return _regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
@@ -1086,7 +1086,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "loadArticlePricesQS",
     value: function () {
-      var _loadArticlePricesQS = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(artCodex, catalogCodex, accountSessionGuid) {
+      var _loadArticlePricesQS = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(artCodex, catalogCodex, accountSessionGuid) {
         return _regeneratorRuntime.wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
@@ -1124,7 +1124,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "postHQRenderScript",
     value: function () {
-      var _postHQRenderScript = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(data) {
+      var _postHQRenderScript = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(data) {
         var url, headers, res;
         return _regeneratorRuntime.wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
@@ -1161,7 +1161,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "postPlanningInfo",
     value: function () {
-      var _postPlanningInfo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(planningInfo, divaNr, imgUrl, price, name, userId, firstName, lastName, organizationId) {
+      var _postPlanningInfo = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(planningInfo, divaNr, imgUrl, price, name, userId, firstName, lastName, organizationId) {
         var data, url, headers;
         return _regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
@@ -1215,7 +1215,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "getDimensionbyId",
     value: function () {
-      var _getDimensionbyId = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(id, iln, catalogCodex, plannedOptions) {
+      var _getDimensionbyId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(id, iln, catalogCodex, plannedOptions) {
         var _this$apiConfig23;
         var fullUrl, res, headers;
         return _regeneratorRuntime.wrap(function _callee11$(_context11) {
@@ -1260,7 +1260,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
   }, {
     key: "createBasketReport",
     value: function () {
-      var _createBasketReport = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(basket, _ref2) {
+      var _createBasketReport = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(basket, _ref2) {
         var type,
           printOptions,
           savePdf,
@@ -15916,11 +15916,9 @@ var OptionValueCatalogData = /*#__PURE__*/function () {
       _optionvalues$_codex,
       _mask$name$catalog$ap,
       _mask$name,
-      _catalog$api$getLangu,
       _mask$name2,
       _mask$groupname$catal,
       _mask$groupname,
-      _catalog$api$getLangu2,
       _mask$groupname2,
       _jsonOPV$MeasureStep,
       _jsonOPV$Metadatas,
@@ -15984,7 +15982,7 @@ var OptionValueCatalogData = /*#__PURE__*/function () {
     this.opv = {
       codex: _codex,
       vCodex: jsonOPV.VCodex,
-      name: (_mask$name$catalog$ap = mask === null || mask === void 0 || (_mask$name = mask.name) === null || _mask$name === void 0 ? void 0 : _mask$name[(_catalog$api$getLangu = catalog.api.getLanguage()) === null || _catalog$api$getLangu === void 0 ? void 0 : _catalog$api$getLangu.toLowerCase()]) !== null && _mask$name$catalog$ap !== void 0 ? _mask$name$catalog$ap : jsonOPV.Name,
+      name: (_mask$name$catalog$ap = mask === null || mask === void 0 || (_mask$name = mask.name) === null || _mask$name === void 0 ? void 0 : _mask$name[catalog.api.getLanguage()]) !== null && _mask$name$catalog$ap !== void 0 ? _mask$name$catalog$ap : jsonOPV.Name,
       origName: jsonOPV.Name,
       name_locales: (_mask$name2 = mask === null || mask === void 0 ? void 0 : mask.name) !== null && _mask$name2 !== void 0 ? _mask$name2 : jsonOPV.Name_locales,
       image: jsonOPV.Image && jsonOPV.Image != '' ? jsonOPV.Image : undefined,
@@ -15992,7 +15990,7 @@ var OptionValueCatalogData = /*#__PURE__*/function () {
       isTexture: jsonOPV.IsTexture && jsonOPV.IsTexture == 'True' ? true : false,
       description: jsonOPV.Description,
       description_locales: jsonOPV.Description_locales,
-      groupName: (_mask$groupname$catal = mask === null || mask === void 0 || (_mask$groupname = mask.groupname) === null || _mask$groupname === void 0 ? void 0 : _mask$groupname[(_catalog$api$getLangu2 = catalog.api.getLanguage()) === null || _catalog$api$getLangu2 === void 0 ? void 0 : _catalog$api$getLangu2.toLowerCase()]) !== null && _mask$groupname$catal !== void 0 ? _mask$groupname$catal : jsonOPV.GroupName && jsonOPV.GroupName != '' ? jsonOPV.GroupName : undefined,
+      groupName: (_mask$groupname$catal = mask === null || mask === void 0 || (_mask$groupname = mask.groupname) === null || _mask$groupname === void 0 ? void 0 : _mask$groupname[catalog.api.getLanguage()]) !== null && _mask$groupname$catal !== void 0 ? _mask$groupname$catal : jsonOPV.GroupName && jsonOPV.GroupName != '' ? jsonOPV.GroupName : undefined,
       groupName_locales: (_mask$groupname2 = mask === null || mask === void 0 ? void 0 : mask.groupname) !== null && _mask$groupname2 !== void 0 ? _mask$groupname2 : jsonOPV.GroupName_locales,
       hiddenByMask: mask === null || mask === void 0 ? void 0 : mask.hidden,
       textureName: jsonOPV.TextureName && jsonOPV.TextureName != '' ? jsonOPV.TextureName : jsonOPV.PFTFile && jsonOPV.PFTFile != '' ? jsonOPV.PFTFile : undefined,
@@ -16355,12 +16353,10 @@ var CatalogArticleData = /*#__PURE__*/function () {
       _catalogData$catalogM,
       _articleMask$name$cat,
       _articleMask$name,
-      _catalogData$api$getL,
       _jsonArticle$Metadata,
       _articleMask$properti,
       _articleMask$groupnam,
       _articleMask$groupnam2,
-      _catalogData$api$getL2,
       _articleMask$hidden;
     _classCallCheck(this, CatalogArticleData);
     _defineProperty(this, "catalogArticle", void 0);
@@ -16383,7 +16379,7 @@ var CatalogArticleData = /*#__PURE__*/function () {
       typeNr: jsonArticle.TypeNr,
       articleType: jsonArticle.ArticleType ? jsonArticle.ArticleType : 'OPTION',
       guid: jsonArticle.GUID,
-      name: (_articleMask$name$cat = articleMask === null || articleMask === void 0 || (_articleMask$name = articleMask.name) === null || _articleMask$name === void 0 ? void 0 : _articleMask$name[(_catalogData$api$getL = catalogData.api.getLanguage()) === null || _catalogData$api$getL === void 0 ? void 0 : _catalogData$api$getL.toLowerCase()]) !== null && _articleMask$name$cat !== void 0 ? _articleMask$name$cat : jsonArticle.Name,
+      name: (_articleMask$name$cat = articleMask === null || articleMask === void 0 || (_articleMask$name = articleMask.name) === null || _articleMask$name === void 0 ? void 0 : _articleMask$name[catalogData.api.getLanguage()]) !== null && _articleMask$name$cat !== void 0 ? _articleMask$name$cat : jsonArticle.Name,
       origName: jsonArticle.Name,
       areOptionsLoaded: false,
       arePricesLoaded: false,
@@ -16393,7 +16389,7 @@ var CatalogArticleData = /*#__PURE__*/function () {
       image: jsonArticle.Image && jsonArticle.Image != '' ? jsonArticle.Image : undefined,
       imageWidth: jsonArticle.ImageWidth ? jsonArticle.ImageWidth : undefined,
       imageHeight: jsonArticle.ImageHeight ? jsonArticle.ImageHeight : undefined,
-      groupName: (_articleMask$groupnam = articleMask === null || articleMask === void 0 || (_articleMask$groupnam2 = articleMask.groupname) === null || _articleMask$groupnam2 === void 0 ? void 0 : _articleMask$groupnam2[(_catalogData$api$getL2 = catalogData.api.getLanguage()) === null || _catalogData$api$getL2 === void 0 ? void 0 : _catalogData$api$getL2.toLowerCase()]) !== null && _articleMask$groupnam !== void 0 ? _articleMask$groupnam : jsonArticle.GroupName,
+      groupName: (_articleMask$groupnam = articleMask === null || articleMask === void 0 || (_articleMask$groupnam2 = articleMask.groupname) === null || _articleMask$groupnam2 === void 0 ? void 0 : _articleMask$groupnam2[catalogData.api.getLanguage()]) !== null && _articleMask$groupnam !== void 0 ? _articleMask$groupnam : jsonArticle.GroupName,
       mainCategory: jsonArticle.MainCategory && jsonArticle.MainCategory != '' ? jsonArticle.MainCategory : undefined,
       width: jsonArticle.Width && jsonArticle.Width != '' ? Number(jsonArticle.Width.replace('cm', '').replace(',', '.')) : undefined,
       height: jsonArticle.Height && jsonArticle.Height != '' ? Number(jsonArticle.Height.replace('cm', '').replace(',', '.')) : undefined,
@@ -17071,7 +17067,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!");
@@ -17096,6 +17092,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,
@@ -17542,6 +17540,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,
@@ -17745,6 +17745,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) {
@@ -17773,9 +17783,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;
@@ -17793,21 +17803,21 @@ var CatalogPlannerArticleData = /*#__PURE__*/function () {
 
 var OptionCatalogData = /*#__PURE__*/function () {
   function OptionCatalogData(codex, jsonOPT, catalogData) {
-    var _catalogData$catalogM, _catalogData$catalogM2, _catalogData$catalogM3, _jsonOPT$Properties, _optionMask$propertie, _optionMask$name$cata, _optionMask$name, _catalogData$api$getL, _optionMask$name2, _optionMask$hidden, _optionMask$tabGroup, _catalogData$api$getL2, _ref, _optionMask$layout, _properties$find, _jsonOPT$showOPVAsArt;
+    var _catalogData$catalogM, _catalogData$catalogM2, _catalogData$catalogM3, _jsonOPT$Properties, _optionMask$propertie, _optionMask$name$cata, _optionMask$name, _optionMask$name2, _optionMask$hidden, _optionMask$tabGroup, _ref, _optionMask$layout, _properties$find, _jsonOPT$showOPVAsArt;
     _classCallCheck(this, OptionCatalogData);
     _defineProperty(this, "opt", void 0);
     var optionMask = (_catalogData$catalogM = (_catalogData$catalogM2 = catalogData.catalogMask) === null || _catalogData$catalogM2 === void 0 || (_catalogData$catalogM2 = _catalogData$catalogM2.options) === null || _catalogData$catalogM2 === void 0 ? void 0 : _catalogData$catalogM2[codex]) !== null && _catalogData$catalogM !== void 0 ? _catalogData$catalogM : codex.startsWith('OPT') ? (_catalogData$catalogM3 = catalogData.catalogMask) === null || _catalogData$catalogM3 === void 0 || (_catalogData$catalogM3 = _catalogData$catalogM3.options) === null || _catalogData$catalogM3 === void 0 ? void 0 : _catalogData$catalogM3[codex.substring(3)] : undefined;
     var properties = [].concat(_toConsumableArray((_jsonOPT$Properties = jsonOPT.Properties) !== null && _jsonOPT$Properties !== void 0 ? _jsonOPT$Properties : []), _toConsumableArray((_optionMask$propertie = optionMask === null || optionMask === void 0 ? void 0 : optionMask.properties) !== null && _optionMask$propertie !== void 0 ? _optionMask$propertie : []));
     this.opt = {
       codex: codex,
-      name: (_optionMask$name$cata = optionMask === null || optionMask === void 0 || (_optionMask$name = optionMask.name) === null || _optionMask$name === void 0 ? void 0 : _optionMask$name[(_catalogData$api$getL = catalogData.api.getLanguage()) === null || _catalogData$api$getL === void 0 ? void 0 : _catalogData$api$getL.toLowerCase()]) !== null && _optionMask$name$cata !== void 0 ? _optionMask$name$cata : jsonOPT.Name,
+      name: (_optionMask$name$cata = optionMask === null || optionMask === void 0 || (_optionMask$name = optionMask.name) === null || _optionMask$name === void 0 ? void 0 : _optionMask$name[catalogData.api.getLanguage()]) !== null && _optionMask$name$cata !== void 0 ? _optionMask$name$cata : jsonOPT.Name,
       origName: jsonOPT.Name,
       name_locales: (_optionMask$name2 = optionMask === null || optionMask === void 0 ? void 0 : optionMask.name) !== null && _optionMask$name2 !== void 0 ? _optionMask$name2 : jsonOPT.Name_locales,
       headerPosVariationType: jsonOPT.HeaderPosVariationType,
       idmVariantenArt: jsonOPT.IDMVariantenArt ? Number(jsonOPT.IDMVariantenArt) : undefined,
       image: jsonOPT.Image ? jsonOPT.Image : undefined,
       invisible: (_optionMask$hidden = optionMask === null || optionMask === void 0 ? void 0 : optionMask.hidden) !== null && _optionMask$hidden !== void 0 ? _optionMask$hidden : jsonOPT.Invisible != undefined ? jsonOPT.Invisible : false,
-      maskTabgroup: optionMask === null || optionMask === void 0 || (_optionMask$tabGroup = optionMask.tabGroup) === null || _optionMask$tabGroup === void 0 ? void 0 : _optionMask$tabGroup[(_catalogData$api$getL2 = catalogData.api.getLanguage()) === null || _catalogData$api$getL2 === void 0 ? void 0 : _catalogData$api$getL2.toLowerCase()],
+      maskTabgroup: optionMask === null || optionMask === void 0 || (_optionMask$tabGroup = optionMask.tabGroup) === null || _optionMask$tabGroup === void 0 ? void 0 : _optionMask$tabGroup[catalogData.api.getLanguage()],
       layout: (_ref = (_optionMask$layout = optionMask === null || optionMask === void 0 ? void 0 : optionMask.layout) !== null && _optionMask$layout !== void 0 ? _optionMask$layout : properties === null || properties === void 0 || (_properties$find = properties.find(function (p) {
         return p.Codex == 'LAYOUT';
       })) === null || _properties$find === void 0 ? void 0 : _properties$find.Value) !== null && _ref !== void 0 ? _ref : jsonOPT.Layout != undefined ? jsonOPT.Layout : 'IMAGE',
@@ -18143,7 +18153,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,
@@ -18774,6 +18783,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,
@@ -18830,6 +18841,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,
@@ -19048,11 +19061,6 @@ var DivaCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogData.dontShowAccStep;
     }
-  }, {
-    key: "autoSelectFirstValue",
-    value: function autoSelectFirstValue() {
-      return this.catalogData.autoSelectFirstValue;
-    }
 
     //Planner configurations
   }, {
@@ -19562,7 +19570,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
   }, {
     key: "updateMask",
     value: function () {
-      var _updateMask = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
+      var _updateMask = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
         var additionalModelInfos;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -19635,7 +19643,7 @@ var DivaCatalogHandler = /*#__PURE__*/function () {
   return _createClass(DivaCatalogHandler, [{
     key: "getCatalogData",
     value: function () {
-      var _getCatalogData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(state, catalogCodex, orderSet) {
+      var _getCatalogData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -20481,6 +20489,8 @@ var DivaArticle = /*#__PURE__*/function () {
         countAVC: -1,
         countAVO: -1,
         countAVU: -1,
+        countAVN: -1,
+        countAVS: -1,
         hasAVL: false,
         hasAVR: false,
         isAccessoire: false,
@@ -20510,6 +20520,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;
@@ -21343,7 +21355,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;
     }
@@ -21537,6 +21549,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;
     }
   }, {
@@ -22219,6 +22233,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);
@@ -22229,7 +22244,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);
@@ -22314,7 +22329,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,
@@ -22326,7 +22341,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;
@@ -23508,7 +23530,7 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "updateShelfPlannerState",
     value: function () {
-      var _updateShelfPlannerState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _updateShelfPlannerState = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var _this$doorPlanner;
         var j3D, _yield$import, ShelfPlanner;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -23520,7 +23542,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-bba67ad6.js');
+              return import('./ShelfPlanner-88da02c7.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -24064,6 +24086,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', {
@@ -24073,6 +24097,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
               });
@@ -24470,25 +24496,69 @@ var DivaArticleHandler = /*#__PURE__*/function () {
     key: "loadArticle",
     value: //Initialisiert eventuell Option Tree und Infos im CatalogArticle
     function () {
-      var _loadArticle = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(set, articleCodex, initParams) {
+        var _yield$this$preLoadAr, catalog, catalogArticle, newBasketId, _set$actions;
         return _regeneratorRuntime.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' + 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 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(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(set, articleCodex, initParams) {
+        var catalog, _set$getSetState$acti, _set$getSetState$acti2, _set$getSetState$acti3, _set$getSetState$acti4, catalogArticle;
+        return _regeneratorRuntime.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;
@@ -24497,68 +24567,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' + 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 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( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(set, catalogArticle, catalog) {
+      var _loadArticleData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(set, catalogArticle, catalog) {
         var catalogCodex, promises, _yield$Promise$all, _yield$Promise$all2, jsonPrices, jsonOption;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               //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(_yield$Promise$all, 2);
               jsonPrices = _yield$Promise$all2[0];
               jsonOption = _yield$Promise$all2[1];
@@ -24568,11 +24632,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;
@@ -24580,24 +24644,24 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateAccessoireQuantity",
     value: function () {
-      var _updateAccessoireQuantity = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(accessoire, newQuantity) {
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      var _updateAccessoireQuantity = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(accessoire, newQuantity) {
+        return _regeneratorRuntime.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;
@@ -24605,33 +24669,33 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "toDoAfterArticleLoaded",
     value: function () {
-      var _toDoAfterArticleLoaded = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(article, defaultValues, variantValues, from, variantItems, ignorePlanner) {
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _toDoAfterArticleLoaded = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(article, defaultValues, variantValues, from, variantItems, ignorePlanner) {
+        return _regeneratorRuntime.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;
@@ -24650,11 +24714,11 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateArticlesOptionStates",
     value: function () {
-      var _updateArticlesOptionStates = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(myValues, targetArticlesWithNewValues, targetArticlesToUpdate, articles, from) {
+      var _updateArticlesOptionStates = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               newEDOExtraArticles = [];
               partlistArticlesToLoad = [];
@@ -24662,124 +24726,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.keys(articles);
+              _context6.t4 = _regeneratorRuntime.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(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;
@@ -24787,31 +24851,31 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateAccessoriesFromGlobalOption",
     value: function () {
-      var _updateAccessoriesFromGlobalOption = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(values, actArticle) {
+      var _updateAccessoriesFromGlobalOption = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(values, actArticle) {
         var accessoiresToUpdate, key;
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               accessoiresToUpdate = actArticle.getAccessoriesToChangeFromGlobalOption(values);
-              _context6.t0 = _regeneratorRuntime.keys(accessoiresToUpdate);
+              _context7.t0 = _regeneratorRuntime.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;
@@ -24889,12 +24953,12 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "initCfgValues",
     value: (function () {
-      var _initCfgValues = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(article, variantValues,
+      var _initCfgValues = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               myCatalogArticleOptions = article.catalogArticleOptions;
               articleOptionState = article.articleOptionStates;
@@ -24974,11 +25038,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;
@@ -24986,19 +25050,19 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "setValidVariantValues",
     value: function () {
-      var _setValidVariantValues = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(article) {
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+      var _setValidVariantValues = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(article) {
+        return _regeneratorRuntime.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;
@@ -25015,10 +25079,10 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateCfgValues",
     value: (function () {
-      var _updateCfgValues = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(article, newConfigValues, alreadyInitializedValues, dontCalcPrice, dontLoadPartlist) {
+      var _updateCfgValues = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(article, newConfigValues, alreadyInitializedValues, dontCalcPrice, dontLoadPartlist) {
         var maxPriceOfGroupCodex, setByFeatureVariantValues, key, partlistArticlesToLoad;
-        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               if (!!article.CatalogData.bundleRules) dontLoadPartlist = true;
               //es wird versucht die neuen Optionswerte zu setzten
@@ -25051,20 +25115,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
@@ -25081,14 +25145,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;
@@ -25096,10 +25160,10 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateLastElement",
     value: function () {
-      var _updateLastElement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(article) {
+      var _updateLastElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(article) {
         var opsLastElement, lastElement, opsLastPlannedAccessoire, opsFirstAccessoire, _article$accessoirePa, _article$accessoirePa2, accessoires, i;
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               opsLastElement = article.getArticleOptionState('OPTELEMENTPOSITION');
               if (opsLastElement) {
@@ -25122,29 +25186,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;
@@ -25152,41 +25216,41 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "updateOption",
     value: function () {
-      var _updateOption = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(article, optionCodex, newCodex, fallbackNewCodex) {
+      var _updateOption = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(article, optionCodex, newCodex, fallbackNewCodex) {
         var _ops$val, _ops$visibleOptionVal;
         var ops, oldCodex, newVal;
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               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;
@@ -25196,23 +25260,23 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "evalAndLoadPartlistArticles",
     value: (function () {
-      var _evalAndLoadPartlistArticles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(article, dontLoadPartlist, newConfigValues) {
+      var _evalAndLoadPartlistArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(article, dontLoadPartlist, newConfigValues) {
         var partlistArticlesToLoad;
-        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               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 = [];
@@ -25221,14 +25285,14 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                 partlistArticlesToLoad = this.bundlePartlistArticles(partlistArticlesToLoad, article.bundleRules, _defineProperty({}, 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;
@@ -25236,32 +25300,41 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "loadPartlistArticles",
     value: function () {
-      var _loadPartlistArticles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(partlistArticlesToLoad, article, newConfigValues) {
-        var i;
-        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+      var _loadPartlistArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(partlistArticlesToLoad, article, newConfigValues) {
+        var loadAwaits, i, doLoadItem;
+        return _regeneratorRuntime.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;
@@ -25270,60 +25343,64 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "loadPartlistArticle",
     value: function () {
-      var _loadPartlistArticle = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(doLoadItem, article, newConfigValues) {
-        var parentVariantValues, initParams, nArticle;
-        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+      var _loadPartlistArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(doLoadItem, article, newConfigValues) {
+        var nArticle;
+        return _regeneratorRuntime.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) {
@@ -25568,31 +25645,31 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "triggerShelfplannerVisibility",
     value: function () {
-      var _triggerShelfplannerVisibility = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(artices, gridGroup) {
+      var _triggerShelfplannerVisibility = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(artices, gridGroup) {
         var key, _artice$shelfPlanner, artice;
-        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
-              _context15.t0 = _regeneratorRuntime.keys(artices);
+              _context16.t0 = _regeneratorRuntime.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;
@@ -25838,21 +25915,21 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "correctPartlistArticlesByGlobalRules",
     value: (function () {
-      var _correctPartlistArticlesByGlobalRules = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(set, partlistArticlesToLoad, bundleRules, doChangeRetailArticleNumbers) {
+      var _correctPartlistArticlesByGlobalRules = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(set, partlistArticlesToLoad, bundleRules, doChangeRetailArticleNumbers) {
         var _loop2, i, article;
-        return _regeneratorRuntime.wrap(function _callee16$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regeneratorRuntime.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.mark(function _loop2(i) {
                 var rule;
-                return _regeneratorRuntime.wrap(function _loop2$(_context16) {
-                  while (1) switch (_context16.prev = _context16.next) {
+                return _regeneratorRuntime.wrap(function _loop2$(_context17) {
+                  while (1) switch (_context17.prev = _context17.next) {
                     case 0:
                       //Run through articleCodexes to repair:
                       rule = doChangeRetailArticleNumbers.retailArticleRules.find(function (item) {
@@ -25864,34 +25941,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;
@@ -26851,7 +26928,7 @@ var DivaSet = /*#__PURE__*/function () {
       return updateConfig;
     });
     _defineProperty(this, "updateCfgValuesByPlanner", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(optionHandler, repairVariantValuesAndPlanner, partListBundleRules, doChangeRetailArticleNumbers) {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(optionHandler, repairVariantValuesAndPlanner, partListBundleRules, doChangeRetailArticleNumbers) {
         var _article2;
         var partlistArticlesToLoad, optionHandlerArr, article, loadPlas, _loop, i;
         return _regeneratorRuntime.wrap(function _callee$(_context2) {
@@ -27467,7 +27544,7 @@ var DivaSet = /*#__PURE__*/function () {
   }, {
     key: "getDimensionPerVariant",
     value: function () {
-      var _getDimensionPerVariant = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _getDimensionPerVariant = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         var dimensions, _iterator, _step, article, _iterator2, _step2, dimensionId, dimension;
         return _regeneratorRuntime.wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -27973,7 +28050,7 @@ var DivaSet = /*#__PURE__*/function () {
   }, {
     key: "initializeDoorPlanner",
     value: function () {
-      var _initializeDoorPlanner = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(j3D, article) {
+      var _initializeDoorPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(j3D, article) {
         var _yield$import, DoorPlanner;
         return _regeneratorRuntime.wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -27983,7 +28060,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 3;
-              return import('./DoorPlanner-6bd46cc6.js');
+              return import('./DoorPlanner-9e3b1dff.js');
             case 3:
               _yield$import = _context4.sent;
               DoorPlanner = _yield$import["default"];
@@ -28349,7 +28426,7 @@ var DivaProductHandler = /*#__PURE__*/function () {
   }, {
     key: "loadProductsOfSets",
     value: function () {
-      var _loadProductsOfSets = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(orderSets, involvedSetIds) {
+      var _loadProductsOfSets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(orderSets, involvedSetIds) {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -28366,7 +28443,7 @@ var DivaProductHandler = /*#__PURE__*/function () {
   }, {
     key: "updateProducts",
     value: function () {
-      var _updateProducts = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(set, from, productId) {
+      var _updateProducts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(set, from, productId) {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -28496,7 +28573,7 @@ var DivaProductHandler = /*#__PURE__*/function () {
   }, {
     key: "checkQuantitySteps",
     value: function () {
-      var _checkQuantitySteps = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(set, from, productId) {
+      var _checkQuantitySteps = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(set, from, productId) {
         var articles, somethingChanged, key, product, currentQuantity, deltaQuantity, whatToDo, article;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -29049,7 +29126,7 @@ var SummaryHandler = /*#__PURE__*/function () {
   }, {
     key: "getSummaryItems",
     value: function () {
-      var _getSummaryItems = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(sets, doConfigure, doAllowSetPlanner) {
+      var _getSummaryItems = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(sets, doConfigure, doAllowSetPlanner) {
         var ret, _key5, set, items, type;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -29427,7 +29504,7 @@ var SummaryHandler = /*#__PURE__*/function () {
   }, {
     key: "getVariantsSummary",
     value: function () {
-      var _getVariantsSummary = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(doConfigure, set) {
+      var _getVariantsSummary = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(doConfigure, set) {
         var summaryVariants, _yield$DivaFavorites$, variants, disabled, singleOptions, catalogData, _loop2, i;
         return _regeneratorRuntime.wrap(function _callee3$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -29512,7 +29589,7 @@ var SummaryHandler = /*#__PURE__*/function () {
                         disabled: isDisabled,
                         variantValues: result,
                         onClick: function () {
-                          var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+                          var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
                             var basketId;
                             return _regeneratorRuntime.wrap(function _callee2$(_context3) {
                               while (1) switch (_context3.prev = _context3.next) {
@@ -29649,7 +29726,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "getVariantsForSummary",
     value: function () {
-      var _getVariantsForSummary = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(set) {
+      var _getVariantsForSummary = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(set) {
         var _set$allVariantsCache;
         var variants;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -29690,7 +29767,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "getAllValidVariants",
     value: function () {
-      var _getAllValidVariants = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(set) {
+      var _getAllValidVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -30101,7 +30178,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "getValidVariants",
     value: function () {
-      var _getValidVariants = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(set, useCache) {
+      var _getValidVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(set, useCache) {
         var allvariants, validVariants, i;
         return _regeneratorRuntime.wrap(function _callee3$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
@@ -30141,7 +30218,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(set, mode, actBasket, saveToBasketWrapper, doConfigure, updatePlanner, actions) {
+      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(set, mode, actBasket, saveToBasketWrapper, doConfigure, updatePlanner, actions) {
         var variantData, variants, i, _set$i18n3, variant, image, basketId, result;
         return _regeneratorRuntime.wrap(function _callee4$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -30245,7 +30322,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
   }, {
     key: "saveConfigVariantsInBasket",
     value: function () {
-      var _saveConfigVariantsInBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(set, basket, variant, repairOnly) {
+      var _saveConfigVariantsInBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee5$(_context6) {
@@ -30661,7 +30738,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
                   });
                 }
               };
@@ -30685,7 +30763,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(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);
       }
     }
@@ -30698,8 +30776,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.getOptionsByRule(rul);
             return !!parentOptions.find(function (o) {
@@ -30765,7 +30844,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
   }, {
     key: "getConifgItemsForView",
     value: function () {
-      var _getConifgItemsForView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(set, configStepKey) {
+      var _getConifgItemsForView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -31189,7 +31268,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   return _createClass(DivaSetHandler, [{
     key: "createSet",
     value: function () {
-      var _createSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(catalogData, orderSet, initSetState, lastSetToInitialize) {
+      var _createSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(catalogData, orderSet, initSetState, lastSetToInitialize) {
         var set;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -31232,7 +31311,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "initOrderLineArticles",
     value: function () {
-      var _initOrderLineArticles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(set, orderSet) {
+      var _initOrderLineArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee2$(_context4) {
@@ -31505,7 +31584,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "initSetsByOrderSet",
     value: function () {
-      var _initSetsByOrderSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(orderSets, initSetState) {
+      var _initSetsByOrderSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(orderSets, initSetState) {
         var sets, i, orderSet, _initSetState$updateS;
         return _regeneratorRuntime.wrap(function _callee3$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -31612,7 +31691,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "initSet",
     value: function () {
-      var _initSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(orderSet, initSetState, updateSetImage, lastSetToInitialize) {
+      var _initSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee4$(_context6) {
@@ -31691,7 +31770,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "destroyPlannerHandler",
     value: (function () {
-      var _destroyPlannerHandler = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(set, doDestroy3DHostConnection) {
+      var _destroyPlannerHandler = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(set, doDestroy3DHostConnection) {
         var result;
         return _regeneratorRuntime.wrap(function _callee5$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -31736,7 +31815,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addPlannerElement",
     value: (function () {
-      var _addPlannerElement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(set, artCodex, initParams, from) {
+      var _addPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(set, artCodex, initParams, from) {
         var newArticle, plannerElement, _set$getArticleByBask;
         return _regeneratorRuntime.wrap(function _callee6$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
@@ -31785,7 +31864,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElement",
     value: (function () {
-      var _copyPlannerElement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(set, elementId, copyInfo) {
+      var _copyPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(set, elementId, copyInfo) {
         var allElementsToCopy, articleCopyRelation, newSelectedArticle, i, newArticle;
         return _regeneratorRuntime.wrap(function _callee7$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
@@ -31834,7 +31913,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "setValidatedVariantValues",
     value: function () {
-      var _setValidatedVariantValues = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(article) {
+      var _setValidatedVariantValues = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(article) {
         return _regeneratorRuntime.wrap(function _callee8$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
@@ -31900,7 +31979,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "copyArticleByElementId",
     value: (function () {
-      var _copyArticleByElementId = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(set, elementId, ignoreOptionsToCopy) {
+      var _copyArticleByElementId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(set, elementId, ignoreOptionsToCopy) {
         var origArticle, variantValuesToCopy, i, newArticle;
         return _regeneratorRuntime.wrap(function _callee9$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -31929,7 +32008,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "resetArticle",
     value: function () {
-      var _resetArticle = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(set, basketId) {
+      var _resetArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(set, basketId) {
         var article;
         return _regeneratorRuntime.wrap(function _callee10$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
@@ -31952,7 +32031,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addArticleToActSet",
     value: function () {
-      var _addArticleToActSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(set, articleCodex, initParams, ignorePlanner) {
+      var _addArticleToActSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(set, articleCodex, initParams, ignorePlanner) {
         var from,
           newArticle,
           _set$getArticleByBask2,
@@ -32028,7 +32107,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateAccessoireQuantity",
     value: function () {
-      var _updateAccessoireQuantity = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(set, accessoireItem, relatedToBasketId, nQuantity, forceConfigSingle) {
+      var _updateAccessoireQuantity = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(set, accessoireItem, relatedToBasketId, nQuantity, forceConfigSingle) {
         var changed3D, somethingChanged, articleCodex, parentArticle, configSingle, _accessoire$quantity, _accessoire, accessoire, curQuantity, delta, newQuantity;
         return _regeneratorRuntime.wrap(function _callee12$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
@@ -32109,7 +32188,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteElementFromSetByElemId",
     value: function () {
-      var _deleteElementFromSetByElemId = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(set, elementId, autoCorrectAVL_AVR, deletionType) {
+      var _deleteElementFromSetByElemId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(set, elementId, autoCorrectAVL_AVR, deletionType) {
         var article;
         return _regeneratorRuntime.wrap(function _callee13$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
@@ -32146,7 +32225,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteElementFromSet",
     value: function () {
-      var _deleteElementFromSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(set, article, autoCorrectAVL_AVR, deletionType, dontReload) {
+      var _deleteElementFromSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee14$(_context16) {
@@ -32234,7 +32313,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addAccessorieOnShelfPlanner",
     value: function () {
-      var _addAccessorieOnShelfPlanner = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(set, gridIndex, cellIndex, parentBasketId, params) {
+      var _addAccessorieOnShelfPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(set, gridIndex, cellIndex, parentBasketId, params) {
         var parentArticle, articleCodex, accessoire, doesFit;
         return _regeneratorRuntime.wrap(function _callee15$(_context17) {
           while (1) switch (_context17.prev = _context17.next) {
@@ -32331,7 +32410,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getFreeShelfGrids",
     value: function () {
-      var _getFreeShelfGrids = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(set, gridGroup) {
+      var _getFreeShelfGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(set, gridGroup) {
         var _article$shelfPlanner;
         var articles, article, articleCodex, accessoire, ret;
         return _regeneratorRuntime.wrap(function _callee16$(_context18) {
@@ -32434,7 +32513,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee17(set, accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(set, accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var _oldGrid$Cells$find;
         var artices, accessoire, oldParent, newParent, oldGrid, newGrid, index;
         return _regeneratorRuntime.wrap(function _callee17$(_context19) {
@@ -32519,7 +32598,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessorieOnShelfPlanner",
     value: function () {
-      var _deleteAccessorieOnShelfPlanner = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee18(set, gridIndex, cellIndex, parentBasketId, dontReload) {
+      var _deleteAccessorieOnShelfPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(set, gridIndex, cellIndex, parentBasketId, dontReload) {
         var _parentArticle$shelfP2;
         var parentArticle, articeToDelete, _parentArticle$shelfP3;
         return _regeneratorRuntime.wrap(function _callee18$(_context20) {
@@ -32553,7 +32632,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updatePlannerTrans",
     value: function () {
-      var _updatePlannerTrans = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee19(set, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
+      var _updatePlannerTrans = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(set, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
         var updateConfig;
         return _regeneratorRuntime.wrap(function _callee19$(_context21) {
           while (1) switch (_context21.prev = _context21.next) {
@@ -32636,7 +32715,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessoire",
     value: function () {
-      var _deleteAccessoire = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee20(set, articleCodex, parentBasketId) {
+      var _deleteAccessoire = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(set, articleCodex, parentBasketId) {
         var divaArticles, articlesToDelete, key, articleToDelete, maxQuantity, i;
         return _regeneratorRuntime.wrap(function _callee20$(_context22) {
           while (1) switch (_context22.prev = _context22.next) {
@@ -32813,7 +32892,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "configSingleIsChanged",
     value: (function () {
-      var _configSingleIsChanged = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21(set, newIsConfigSingle, groupedOptions, groupedArticles) {
+      var _configSingleIsChanged = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(set, newIsConfigSingle, groupedOptions, groupedArticles) {
         var _set$getArticleByBask4, variantValues, key;
         return _regeneratorRuntime.wrap(function _callee21$(_context23) {
           while (1) switch (_context23.prev = _context23.next) {
@@ -32922,7 +33001,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "loadConfigItemsOfActSetByConfigStepKey",
     value: function () {
-      var _loadConfigItemsOfActSetByConfigStepKey = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22(set, configStepKey, visible) {
+      var _loadConfigItemsOfActSetByConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(set, configStepKey, visible) {
         var _configItems$option;
         var optionStatesOfArticle, configItems, paletteType, filterType, stepInfo, contentItemId;
         return _regeneratorRuntime.wrap(function _callee22$(_context24) {
@@ -33001,7 +33080,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "variantsEvaluator",
     value: (function () {
-      var _variantsEvaluator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23(set, configItems, configStepKey, paletteType) {
+      var _variantsEvaluator = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee23$(_context25) {
@@ -33054,7 +33133,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "calcVariants",
     value: function () {
-      var _calcVariants = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee24(set, configItems, targetArticles) {
+      var _calcVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(set, configItems, targetArticles) {
         var variantInfo, origConfig, i, item, variantValues, doUseConfigs, key;
         return _regeneratorRuntime.wrap(function _callee24$(_context26) {
           while (1) switch (_context26.prev = _context26.next) {
@@ -33142,7 +33221,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateArticlesOptionStatesOfActSet",
     value: (function () {
-      var _updateArticlesOptionStatesOfActSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee25(set, myValues, targetArticlesWithNewValues, ignorePlanner, from, partlistDiff) {
+      var _updateArticlesOptionStatesOfActSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee25$(_context27) {
@@ -33328,7 +33407,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateEdoArticles",
     value: function () {
-      var _updateEdoArticles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee26(set, edoArticlesToLoad) {
+      var _updateEdoArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(set, edoArticlesToLoad) {
         var oldBasketIds, i, article, newArticles, _i5, _i6;
         return _regeneratorRuntime.wrap(function _callee26$(_context28) {
           while (1) switch (_context28.prev = _context28.next) {
@@ -33514,7 +33593,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "checkVariantData",
     value: function () {
-      var _checkVariantData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee27(set) {
+      var _checkVariantData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(set) {
         var somethingChanged, data;
         return _regeneratorRuntime.wrap(function _callee27$(_context29) {
           while (1) switch (_context29.prev = _context29.next) {
@@ -33596,7 +33675,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "fillOrderLinesAndOrderSets",
     value: function () {
-      var _fillOrderLinesAndOrderSets = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee28(sets, divaBasketHandler, repairOnly, setPlanner, returnTo) {
+      var _fillOrderLinesAndOrderSets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee28$(_context30) {
@@ -33790,7 +33869,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getOrderSet",
     value: function () {
-      var _getOrderSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee29(set, catalogData, posNr, divaNr, repairOnly, returnTo) {
+      var _getOrderSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee29$(_context31) {
@@ -33913,7 +33992,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getSetImage",
     value: (function () {
-      var _getSetImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee30(set, overwriteLastSavedRendering) {
+      var _getSetImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(set, overwriteLastSavedRendering) {
         var setImage, is3D;
         return _regeneratorRuntime.wrap(function _callee30$(_context32) {
           while (1) switch (_context32.prev = _context32.next) {
@@ -33953,7 +34032,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getHQRenderScript",
     value: function () {
-      var _getHQRenderScript = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee31(set, divaNr) {
+      var _getHQRenderScript = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31(set, divaNr) {
         var is3D, hqRenderScript, createdHQRenderScript;
         return _regeneratorRuntime.wrap(function _callee31$(_context33) {
           while (1) switch (_context33.prev = _context33.next) {
@@ -34005,7 +34084,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getAlternateSetImages",
     value: (function () {
-      var _getAlternateSetImages = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee32(set) {
+      var _getAlternateSetImages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32(set) {
         var is2D, catalogData, setImages;
         return _regeneratorRuntime.wrap(function _callee32$(_context34) {
           while (1) switch (_context34.prev = _context34.next) {
@@ -34046,7 +34125,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "get2DSetImage",
     value: function () {
-      var _get2DSetImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee33(set) {
+      var _get2DSetImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33(set) {
         var urlToPlanning2D, catalogData, planning2DAsJPGBase64;
         return _regeneratorRuntime.wrap(function _callee33$(_context35) {
           while (1) switch (_context35.prev = _context35.next) {
@@ -34094,7 +34173,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "loadProductsOfSets",
     value: function () {
-      var _loadProductsOfSets = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee34(orderSets, involvedSetIds) {
+      var _loadProductsOfSets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(orderSets, involvedSetIds) {
         return _regeneratorRuntime.wrap(function _callee34$(_context36) {
           while (1) switch (_context36.prev = _context36.next) {
             case 0:
@@ -34143,7 +34222,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addOrderSetArticlesToExistingSet",
     value: function () {
-      var _addOrderSetArticlesToExistingSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee35(set, orderSet, lastSetToInitialize) {
+      var _addOrderSetArticlesToExistingSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(set, orderSet, lastSetToInitialize) {
         return _regeneratorRuntime.wrap(function _callee35$(_context37) {
           while (1) switch (_context37.prev = _context37.next) {
             case 0:
@@ -34278,7 +34357,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "initializeBasket",
     value: function () {
-      var _initializeBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(api) {
+      var _initializeBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee$(_context) {
@@ -34489,7 +34568,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "initProductId",
     value: function () {
-      var _initProductId = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(api, productId, keepOldDivaNr) {
+      var _initProductId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(api, productId, keepOldDivaNr) {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -34511,7 +34590,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "tryInitFirstCatalog",
     value: function () {
-      var _tryInitFirstCatalog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(api) {
+      var _tryInitFirstCatalog = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(api) {
         var _catalogs$Catalogs$, _catalogs$Catalogs$2;
         var accounts, catalogs;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
@@ -34557,7 +34636,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "createNewDivaNr",
     value: function () {
-      var _createNewDivaNr = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(api) {
+      var _createNewDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(api) {
         var _this$plannerConfig$s6;
         var ret;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -34592,7 +34671,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(api, divaNr, dataFromApi, keepOldDivaNr, origProductId) {
+      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee5$(_context5) {
@@ -34739,7 +34818,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "loadBasketByCatalogCodex",
     value: function () {
-      var _loadBasketByCatalogCodex = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(api) {
+      var _loadBasketByCatalogCodex = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(api) {
         var _this$plannerConfig$s8;
         var newBasket, _this$baskets$this$di;
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
@@ -34799,7 +34878,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "loadBasketByDivaNr",
     value: function () {
-      var _loadBasketByDivaNr = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(api, divaNr, keepOldDivaNr, origProductId) {
+      var _loadBasketByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(api, divaNr, keepOldDivaNr, origProductId) {
         var variantData;
         return _regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -34837,7 +34916,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "loadBasketByCustomProductId",
     value: function () {
-      var _loadBasketByCustomProductId = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(api, key, productId, fields) {
+      var _loadBasketByCustomProductId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(api, key, productId, fields) {
         var variantData;
         return _regeneratorRuntime.wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
@@ -34875,7 +34954,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "loadProduct",
     value: function () {
-      var _loadProduct = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(api, productId, keepOldDivaNr) {
+      var _loadProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(api, productId, keepOldDivaNr) {
         var result, divaNr, id, successfully;
         return _regeneratorRuntime.wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
@@ -34923,7 +35002,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "getProduct",
     value: function () {
-      var _getProduct = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(api, productId) {
+      var _getProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(api, productId) {
         var result;
         return _regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
@@ -34959,7 +35038,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "createNewBasket",
     value: function () {
-      var _createNewBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(api, initObject, divaNr, lang) {
+      var _createNewBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(api, initObject, divaNr, lang) {
         var setId, orderSet, basketInitObejct, basket;
         return _regeneratorRuntime.wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -35022,7 +35101,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "saveToBasket",
     value: function () {
-      var _saveToBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(api, actBasket, returnTo) {
+      var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(api, actBasket, returnTo) {
         var _this$plannerConfig$c4, _this$_basketHandler, _api$getJwt;
         var response;
         return _regeneratorRuntime.wrap(function _callee12$(_context12) {
@@ -35188,7 +35267,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }, {
     key: "initWWSClient",
     value: function () {
-      var _initWWSClient = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(wwsClient) {
+      var _initWWSClient = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(wwsClient) {
         var _yield$import, PfisterWWSHandler, _yield$import2, LiviqueWWSHandler, _yield$import3, SeriousWWSHandler, _yield$import4, ProductWWSHandler, _yield$import5, StandardWWSHandler;
         return _regeneratorRuntime.wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
@@ -35198,7 +35277,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context13.next = 5;
-              return import('./PfisterWWSHandler-63deaba6.js');
+              return import('./PfisterWWSHandler-fea10934.js');
             case 5:
               _yield$import = _context13.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -35206,7 +35285,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 9:
               _context13.next = 11;
-              return import('./LiviqueWWSHandler-d414cf17.js');
+              return import('./LiviqueWWSHandler-5bbc4f4c.js');
             case 11:
               _yield$import2 = _context13.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -35214,7 +35293,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 15:
               _context13.next = 17;
-              return import('./SeriousBasketHandler-2e80e89c.js');
+              return import('./SeriousBasketHandler-41c875f2.js');
             case 17:
               _yield$import3 = _context13.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -35222,7 +35301,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 21:
               _context13.next = 23;
-              return import('./ProductBasketHandler-e6fdce11.js');
+              return import('./ProductBasketHandler-ce45363b.js');
             case 23:
               _yield$import4 = _context13.sent;
               ProductWWSHandler = _yield$import4["default"];
@@ -35230,7 +35309,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 27:
               _context13.next = 29;
-              return import('./StandardWWSHandler-96d9aeb1.js');
+              return import('./StandardWWSHandler-26c6ecb8.js');
             case 29:
               _yield$import5 = _context13.sent;
               StandardWWSHandler = _yield$import5["default"];
@@ -36066,6 +36145,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
@@ -36090,7 +36180,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.
@@ -36480,7 +36574,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "initializeViewPoint",
     value: (function () {
-      var _initializeViewPoint = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(standardWhiteRoom) {
+      var _initializeViewPoint = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(standardWhiteRoom) {
         var _this$connectionHandl;
         var res, info;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -36522,7 +36616,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "initializeStaticRoomList",
     value: (function () {
-      var _initializeStaticRoomList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(staticRoomList, catalogMainCategory) {
+      var _initializeStaticRoomList = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(staticRoomList, catalogMainCategory) {
         var roomListMsg;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -36593,14 +36687,14 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "initializeConnection",
     value: function () {
-      var _initializeConnection = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _initializeConnection = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var _this$connectionHandl2;
         var _yield$import, Host3DSignalR;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-beed9f5c.js');
+              return import('./Host3DSignalR-514ab7ea.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -36632,7 +36726,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "onConnectionInitialized",
     value: function () {
-      var _onConnectionInitialized = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(params) {
+      var _onConnectionInitialized = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(params) {
         var _this$connectionHandl5;
         var i;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -36876,7 +36970,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "getLastSavedRendering",
     value: (function () {
-      var _getLastSavedRendering = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _getLastSavedRendering = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
         var _this$lastSavedRender;
         var startTimeWait;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
@@ -36893,13 +36987,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;
@@ -36934,7 +37028,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "getLastSavedAlternateRenderings",
     value: (function () {
-      var _getLastSavedAlternateRenderings = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+      var _getLastSavedAlternateRenderings = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
         var startTimeWait, i;
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -36955,7 +37049,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;
               }
@@ -37049,7 +37143,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "request3D",
     value: (function () {
-      var _request3D = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(params) {
+      var _request3D = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee7$(_context7) {
@@ -37192,7 +37286,10 @@ var PlannerHandler3D = /*#__PURE__*/function () {
                 }
               }
             case 31:
-              return _context7.abrupt("return", renderHash);
+              return _context7.abrupt("return", {
+                planningHash: planningHash,
+                renderHash: renderHash
+              });
             case 32:
             case "end":
               return _context7.stop();
@@ -37385,13 +37482,13 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "openARObserverConnection",
     value: function () {
-      var _openARObserverConnection = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(handleNoHqrs) {
+      var _openARObserverConnection = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(handleNoHqrs) {
         var _this2 = this;
         return _regeneratorRuntime.wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              return _context9.abrupt("return", new Promise( /*#__PURE__*/function () {
-                var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(resolve, reject) {
+              return _context9.abrupt("return", new Promise(/*#__PURE__*/function () {
+                var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(resolve, reject) {
                   var socketUrl;
                   return _regeneratorRuntime.wrap(function _callee8$(_context8) {
                     while (1) switch (_context8.prev = _context8.next) {
@@ -37540,7 +37637,7 @@ var DivaMediaServiceHandler = /*#__PURE__*/function () {
   }, {
     key: "savePlanning2DPermanent",
     value: function () {
-      var _savePlanning2DPermanent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(hash, catalogCodex, catalogGUID, planning2DAsJPG) {
+      var _savePlanning2DPermanent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(hash, catalogCodex, catalogGUID, planning2DAsJPG) {
         var imageBlob, url, data, mediaItem, mediaItemRef, response, res;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -37939,7 +38036,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   return _createClass(DivaPlannerHandler, [{
     key: "initPlanner",
     value: (function () {
-      var _initPlanner = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(initSetState, plannerHandlerFunctions) {
+      var _initPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(initSetState, plannerHandlerFunctions) {
         var renderGroup, diva3dServerUrl, divaMediaServiceUrl, mediaServiceApiKey, _initSetState$api$web, result;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -38014,7 +38111,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "updatePlanner",
     value: (function () {
-      var _updatePlanner = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(setId, changedOPT, targetElementIds) {
+      var _updatePlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(setId, changedOPT, targetElementIds) {
         var result, _this$plannerHandlerF, _this$plannerHandlerF2;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -38059,7 +38156,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "extendSet",
     value: (function () {
-      var _extendSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(set, setPlanData, lastSetToInitialize) {
+      var _extendSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(set, setPlanData, lastSetToInitialize) {
         var planner;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -38105,7 +38202,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "initSet",
     value: (function () {
-      var _initSet = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(set, catalogData, setPlanData) {
+      var _initSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(set, catalogData, setPlanData) {
         var lastSetToInitialize,
           planner,
           hasStaticBackground,
@@ -38146,7 +38243,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-31539e5a.js');
+              return import('./DivaStandardPlanner-660cec0e.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -38157,7 +38254,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-16978433.js');
+              return import('./DivaBoxPlanner-a95c530a.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -38258,7 +38355,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "getSetRendering",
     value: (function () {
-      var _getSetRendering = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(setId) {
+      var _getSetRendering = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(setId) {
         var rendering;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
@@ -38290,7 +38387,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "getSetImageAsUrl",
     value: (function () {
-      var _getSetImageAsUrl = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(setId) {
+      var _getSetImageAsUrl = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(setId) {
         var rendering;
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -38299,8 +38396,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();
           }
@@ -38326,7 +38424,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "getAlternateSetRenderings",
     value: (function () {
-      var _getAlternateSetRenderings = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(setId) {
+      var _getAlternateSetRenderings = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(setId) {
         var renderings;
         return _regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -38363,7 +38461,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "getAlternateSetImagesAsSetImageData",
     value: (function () {
-      var _getAlternateSetImagesAsSetImageData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(setId) {
+      var _getAlternateSetImagesAsSetImageData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(setId) {
         var renderings, setImageDatas, i, alternateRenderInfo;
         return _regeneratorRuntime.wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
@@ -38414,8 +38512,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "saveSetHQRenderScript",
     value: function () {
-      var _saveSetHQRenderScript = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-        var hash, checkingTimes, i;
+      var _saveSetHQRenderScript = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+        var hashes, planningHash, checkingTimes, i;
         return _regeneratorRuntime.wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
             case 0:
@@ -38423,32 +38521,33 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               _context9.next = 3;
               return this.request3D(false, true);
             case 3:
-              hash = _context9.sent;
-              if (hash) {
+              hashes = _context9.sent;
+              if (hashes) {
                 _context9.next = 6;
                 break;
               }
               return _context9.abrupt("return");
             case 6:
-              checkingTimes = 200;
+              planningHash = hashes.planningHash;
+              checkingTimes = 50;
               i = 0;
-            case 8:
-              if (!(this.handler3D.getWaitForHqRenderScript(hash) && checkingTimes > i)) {
-                _context9.next = 14;
+            case 9:
+              if (!(this.handler3D.getWaitForHqRenderScript(planningHash) && checkingTimes > i)) {
+                _context9.next = 15;
                 break;
               }
-              _context9.next = 11;
+              _context9.next = 12;
               return DivaUtils.Sleep(50);
-            case 11:
+            case 12:
               i++;
-              _context9.next = 8;
+              _context9.next = 9;
               break;
-            case 14:
+            case 15:
               LOG$2.debug('saving performance: HQ Renderscript recieved after ' + i * checkingTimes + ' ms');
               if (this.handler3D.checkIsWaitingForHQRenderScript() && checkingTimes == i) {
                 LOG$2.error(new DivaError('could not saveSetHQRenderScript'));
               }
-            case 16:
+            case 17:
             case "end":
               return _context9.stop();
           }
@@ -38462,8 +38561,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "saveSetImage",
     value: function () {
-      var _saveSetImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(overwriteLastSavedRendering) {
-        var hash, sumWaitingMS, rendering;
+      var _saveSetImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(overwriteLastSavedRendering) {
+        var hashes, renderHash, sumWaitingMS, rendering;
         return _regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
@@ -38471,7 +38570,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
 
               //Save permanent rendering
               if (!(overwriteLastSavedRendering || !this.handler3D.hasLastSavedRendering())) {
-                _context10.next = 15;
+                _context10.next = 16;
                 break;
               }
               _context10.next = 4;
@@ -38484,42 +38583,43 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
                 doShow3DDimensionLines: false
               });
             case 4:
-              hash = _context10.sent;
-              if (hash) {
+              hashes = _context10.sent;
+              if (hashes) {
                 _context10.next = 7;
                 break;
               }
               return _context10.abrupt("return", false);
             case 7:
+              renderHash = hashes.renderHash;
               sumWaitingMS = 0;
-            case 8:
-              if (!(this.handler3D.getWaitForRendering(hash) && sumWaitingMS < RenderSettings.TIMEOUT_WAITFORSAVEDRENDERING_MS)) {
-                _context10.next = 14;
+            case 9:
+              if (!(this.handler3D.getWaitForRendering(renderHash) && sumWaitingMS < RenderSettings.TIMEOUT_WAITFORSAVEDRENDERING_MS)) {
+                _context10.next = 15;
                 break;
               }
               sumWaitingMS += 50;
-              _context10.next = 12;
+              _context10.next = 13;
               return DivaUtils.Sleep(50);
-            case 12:
-              _context10.next = 8;
+            case 13:
+              _context10.next = 9;
               break;
-            case 14:
-              LOG$2.debug('saving performance: 3D Image recieved after ' + sumWaitingMS + ' ms');
             case 15:
-              _context10.next = 17;
+              LOG$2.debug('saving performance: 3D Image recieved after ' + sumWaitingMS + ' ms');
+            case 16:
+              _context10.next = 18;
               return this.handler3D.getLastSavedRendering();
-            case 17:
+            case 18:
               rendering = _context10.sent;
               if (!(!rendering || !rendering.UrlToSavedRendering)) {
-                _context10.next = 21;
+                _context10.next = 22;
                 break;
               }
               DivaUtils.endSpanOfApm('DivaPlannerHandler saveSetImage');
               return _context10.abrupt("return", false);
-            case 21:
+            case 22:
               DivaUtils.endSpanOfApm('DivaPlannerHandler saveSetImage');
               return _context10.abrupt("return", true);
-            case 23:
+            case 24:
             case "end":
               return _context10.stop();
           }
@@ -38539,7 +38639,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "saveAlternateSetImages",
     value: (function () {
-      var _saveAlternateSetImages = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(catCodex, catGUID) {
+      var _saveAlternateSetImages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(catCodex, catGUID) {
         var renderings, i, j;
         return _regeneratorRuntime.wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -38600,7 +38700,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "saveSet2DImage",
     value: function () {
-      var _saveSet2DImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(setId, catCodex, catGUID, planning2DAsJPGBase64) {
+      var _saveSet2DImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(setId, catCodex, catGUID, planning2DAsJPGBase64) {
         var curPlanningHash, urlToPlanning2D;
         return _regeneratorRuntime.wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
@@ -38675,7 +38775,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "addPlannerElement",
     value: function () {
-      var _addPlannerElement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13(setId, basketId, initParams) {
+      var _addPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(setId, basketId, initParams) {
         var _this$plannerList$get;
         return _regeneratorRuntime.wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
@@ -38711,7 +38811,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14(setId, elementId, autoCorrectAVL_AVR, deletionType) {
+      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14(setId, elementId, autoCorrectAVL_AVR, deletionType) {
         var response;
         return _regeneratorRuntime.wrap(function _callee14$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
@@ -38769,7 +38869,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElements",
     value: (function () {
-      var _copyPlannerElements = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(setId, articleCopyRelation, copyInfo) {
+      var _copyPlannerElements = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(setId, articleCopyRelation, copyInfo) {
         var response;
         return _regeneratorRuntime.wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
@@ -38913,7 +39013,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "request3D",
     value: function () {
-      var _request3D = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(doRequestRendering, doRequestHqRenderScript, alternateRenderingsExist, alternateRenderInfo, forceReloadPlanning, renderRequestInfos, viewpoint) {
+      var _request3D = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(doRequestRendering, doRequestHqRenderScript, alternateRenderingsExist, alternateRenderInfo, forceReloadPlanning, renderRequestInfos, viewpoint) {
         var _this3 = this;
         var plannerData, loadedCatData, plannerExists, savedSetId;
         return _regeneratorRuntime.wrap(function _callee16$(_context16) {
@@ -39249,7 +39349,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param configStepKey unique indentifier for configStep
      */
     _defineProperty(this, "loadConfigItemsOfOptions", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(configStepKey, paletteId, isUpdate, visible) {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(configStepKey, paletteId, isUpdate, visible) {
         var _this$updateConfigIte;
         var retValues;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -39273,7 +39373,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     /**
      * this function laods the summary Items
      */
-    _defineProperty(this, "loadSummaryItems", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    _defineProperty(this, "loadSummaryItems", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _this$actions, _this$actions$toggleL, _this$updateSummaryIt, _this$actions2, _this$actions2$toggle;
       var setPriceCurrency, setPriceFormat, summaryItems;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -39329,7 +39429,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param parentElement ElementID of the parent element used for docking
      */
     _defineProperty(this, "addPlannerElement", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(elementCodex, initParams, dontUpdateView) {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee3$(_context3) {
@@ -39395,7 +39495,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param articleCodex articleCodex of the new Element
      */
     _defineProperty(this, "switchPlannerElement", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(setId, elementId, articleCodex, initParams) {
+      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee4$(_context4) {
@@ -39437,7 +39537,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(this, "addAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee5$(_context5) {
@@ -39487,7 +39587,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       _this.updatePlannerView('MOVE_DOORS');
     });
     _defineProperty(this, "deleteAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
+      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
         var _this$updateViewPlann5;
         var set;
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
@@ -39521,7 +39621,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param transState
      */
     _defineProperty(this, "updatePlannerTrans", /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
+      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
         var _this$updateElementSe3;
         return _regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
@@ -39559,7 +39659,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
     });
     _defineProperty(this, "updateAccessoireQuantity", /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
+      var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
         var _this$actions11, _this$actions11$toggl, _this$actions12, _this$actions12$toggl;
         var ret;
         return _regeneratorRuntime.wrap(function _callee8$(_context8) {
@@ -39587,7 +39687,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(this, "deleteAccessoire", /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(articleCodex, parentBasketId) {
+      var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(articleCodex, parentBasketId) {
         var set, wasDeleted, _this$updateViewPlann6;
         return _regeneratorRuntime.wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
@@ -39636,7 +39736,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param configStepKey act ConfigStep
      */
     _defineProperty(this, "configSingleIsChanged", /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
+      var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
         var set;
         return _regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
@@ -39674,7 +39774,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     //onConfigItemClick ist ein Click auf das Item der ConfigPalette um die OPV zu ändern
     _defineProperty(this, "doConfigure", /*#__PURE__*/function () {
-      var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents) {
+      var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents) {
         var set, returnValues, structure, _returnValues$element, _this$updateViewPlann8, _this$updateElementSe4;
         return _regeneratorRuntime.wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -39721,7 +39821,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(this, "fillBaksetforOnWebPlanerConfigChange", /*#__PURE__*/function () {
-      var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12(myValues, isInit) {
+      var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(myValues, isInit) {
+        var _myValues;
         var set, articles, article;
         return _regeneratorRuntime.wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
@@ -39739,22 +39840,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();
           }
@@ -39793,7 +39903,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   return _createClass(DivaWebPlanner, [{
     key: "initialize",
     value: function () {
-      var _initialize = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+      var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
@@ -40043,7 +40153,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getDimension",
     value: function () {
-      var _getDimension = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+      var _getDimension = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
         var _this$actSet4;
         return _regeneratorRuntime.wrap(function _callee14$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
@@ -40082,7 +40192,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initView",
     value: (function () {
-      var _initView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
+      var _initView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
         var set, plannerMode, _this$initConfigurato, _this$initPlannerView, _this$initConfigurato2, _this$updateViewPlann9;
         return _regeneratorRuntime.wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
@@ -40139,7 +40249,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "runInitMode",
     value: function () {
-      var _runInitMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(plannerMode) {
+      var _runInitMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(plannerMode) {
         var _this$navigateToTabGr2;
         var doDefault, configStepKey, _this$actSet6, _this$navigateToTabGr3, _this$navigateToTabGr4, _this$navigateToTabGr5;
         return _regeneratorRuntime.wrap(function _callee16$(_context16) {
@@ -40196,7 +40306,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addSetToActPlanningByDivaNr",
     value: function () {
-      var _addSetToActPlanningByDivaNr = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee17(divaNr) {
+      var _addSetToActPlanningByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(divaNr) {
         var _this$updateViewPlann10;
         var set, orderSets, i, orderset, lastSetToInitialize, loadedSet, articlesKeys;
         return _regeneratorRuntime.wrap(function _callee17$(_context17) {
@@ -40259,7 +40369,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initProductId",
     value: function () {
-      var _initProductId = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee18(productId) {
+      var _initProductId = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(productId) {
         var loadSuccessful;
         return _regeneratorRuntime.wrap(function _callee18$(_context18) {
           while (1) switch (_context18.prev = _context18.next) {
@@ -40315,7 +40425,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "setActSetCurConfigStepKey",
     value: function () {
-      var _setActSetCurConfigStepKey = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee19(curConfigStepKey) {
+      var _setActSetCurConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(curConfigStepKey) {
         var set;
         return _regeneratorRuntime.wrap(function _callee19$(_context19) {
           while (1) switch (_context19.prev = _context19.next) {
@@ -40472,7 +40582,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee20(setId, elementId, denyElementSelectionClear) {
+      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(setId, elementId, denyElementSelectionClear) {
         var _this$updateViewPlann11;
         var set, result, _this$updateElementSe5, _this$updateElementSe6;
         return _regeneratorRuntime.wrap(function _callee20$(_context20) {
@@ -40515,7 +40625,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElement",
     value: (function () {
-      var _copyPlannerElement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21(setId, elementId, curConfigKey, copyInfo) {
+      var _copyPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(setId, elementId, curConfigKey, copyInfo) {
         var _this$updateViewPlann12;
         var set, newSelectedArticle, newConfigStepKey, _this$updateElementSe7, baseArticle;
         return _regeneratorRuntime.wrap(function _callee21$(_context21) {
@@ -40577,7 +40687,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getFreePlacesOnGrids",
     value: function () {
-      var _getFreePlacesOnGrids = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22(gridGroup, from) {
+      var _getFreePlacesOnGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(gridGroup, from) {
         var _this$updateFreePlace;
         var set, freeShelfGrids, plannedShelfGrids;
         return _regeneratorRuntime.wrap(function _callee22$(_context22) {
@@ -40638,7 +40748,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23(accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var set, newGridId;
         return _regeneratorRuntime.wrap(function _callee23$(_context23) {
           while (1) switch (_context23.prev = _context23.next) {
@@ -40675,7 +40785,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "resetArticle",
     value: function () {
-      var _resetArticle = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee24(basketId) {
+      var _resetArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(basketId) {
         var set;
         return _regeneratorRuntime.wrap(function _callee24$(_context24) {
           while (1) switch (_context24.prev = _context24.next) {
@@ -40703,7 +40813,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "checkVariantData",
     value: function () {
-      var _checkVariantData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee25() {
+      var _checkVariantData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25() {
         var somethingChanged;
         return _regeneratorRuntime.wrap(function _callee25$(_context25) {
           while (1) switch (_context25.prev = _context25.next) {
@@ -40819,7 +40929,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasketWrapper",
     value: function () {
-      var _saveToBasketWrapper = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee26(event, repairOnly, force) {
+      var _saveToBasketWrapper = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(event, repairOnly, force) {
         var _this$actions23,
           _this$actions23$toggl,
           _this$actions24,
@@ -40939,7 +41049,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasket",
     value: function () {
-      var _saveToBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee27(event, repairOnly, force) {
+      var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee27$(_context27) {
@@ -41322,7 +41432,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getBasketDataWithEkText",
     value: function () {
-      var _getBasketDataWithEkText = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee28() {
+      var _getBasketDataWithEkText = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28() {
         return _regeneratorRuntime.wrap(function _callee28$(_context28) {
           while (1) switch (_context28.prev = _context28.next) {
             case 0:
@@ -41364,7 +41474,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addToBasket",
     value: function () {
-      var _addToBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee29(actBasket) {
+      var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(actBasket) {
         var _this$actions32,
           _this$actions33,
           _this$actions34,
@@ -41778,7 +41888,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initApiForLogicOnly",
     value: //just for testing purposes
     function () {
-      var _initApiForLogicOnly = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee30(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
+      var _initApiForLogicOnly = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
         return _regeneratorRuntime.wrap(function _callee30$(_context30) {
           while (1) switch (_context30.prev = _context30.next) {
             case 0:
@@ -41816,7 +41926,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "loadBasket",
     value: function () {
-      var _loadBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
+      var _loadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
         return _regeneratorRuntime.wrap(function _callee31$(_context31) {
           while (1) switch (_context31.prev = _context31.next) {
             case 0:
@@ -41840,7 +41950,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee32(init3D, ignoreFavorites) {
+      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32(init3D, ignoreFavorites) {
         var _initSetState$api$web2;
         var initSetState, sets, result, _sets$, set, basket;
         return _regeneratorRuntime.wrap(function _callee32$(_context32) {
@@ -41904,7 +42014,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getValidVariantsLength",
     value: function () {
-      var _getValidVariantsLength = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee33() {
+      var _getValidVariantsLength = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33() {
         var set;
         return _regeneratorRuntime.wrap(function _callee33$(_context33) {
           while (1) switch (_context33.prev = _context33.next) {
@@ -41928,7 +42038,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee34(mode) {
+      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(mode) {
         var _this4 = this;
         var set, i;
         return _regeneratorRuntime.wrap(function _callee34$(_context34) {
@@ -41980,7 +42090,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initSapOrderLinesFromBasket",
     value: function () {
-      var _initSapOrderLinesFromBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee35(divaNr, init3D, onlyLoadOldBakset) {
+      var _initSapOrderLinesFromBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(divaNr, init3D, onlyLoadOldBakset) {
         var result, oldBasket, basket;
         return _regeneratorRuntime.wrap(function _callee35$(_context35) {
           while (1) switch (_context35.prev = _context35.next) {
@@ -42301,7 +42411,7 @@ function loadAndRepairBasket(_x, _x2, _x3, _x4, _x5, _x6, _x7) {
   return _loadAndRepairBasket.apply(this, arguments);
 }
 function _loadAndRepairBasket() {
-  _loadAndRepairBasket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(settings, apiConfig, organizationId, getSessionGuid, divaNr, customProductId, organization) {
+  _loadAndRepairBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(settings, apiConfig, organizationId, getSessionGuid, divaNr, customProductId, organization) {
     var lang,
       assignNewDivaNr,
       basketData,
@@ -42733,7 +42843,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "addAccessoireInCells",
     value: (function () {
-      var _addAccessoireInCells = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(index, accessoire, type, noMove, noDelete, onlyPlaceHolder) {
+      var _addAccessoireInCells = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(index, accessoire, type, noMove, noDelete, onlyPlaceHolder) {
         var size, onBoard, i;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -42795,7 +42905,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessoireInCells",
     value: (function () {
-      var _deleteAccessoireInCells = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(index) {
+      var _deleteAccessoireInCells = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(index) {
         var cell, article, i, _this$cells$i$Article2;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -42830,7 +42940,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "deleteAllAccOfGrid",
     value: function () {
-      var _deleteAllAccOfGrid = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _deleteAllAccOfGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var deletedBasketIds, j, cell;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -42868,7 +42978,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "updateMontageOption",
     value: function () {
-      var _updateMontageOption = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var _updateMontageOption = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
         var _this = this;
         var dontOverwriteOptions, _loop, i;
         return _regeneratorRuntime.wrap(function _callee4$(_context5) {
@@ -42956,7 +43066,7 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "updateAccessoireMontageOption",
     value: function () {
-      var _updateAccessoireMontageOption = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(optionCodex, optionValueCodex, accessoires) {
+      var _updateAccessoireMontageOption = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(optionCodex, optionValueCodex, accessoires) {
         var _this$article$shelfAc;
         var i;
         return _regeneratorRuntime.wrap(function _callee5$(_context6) {
@@ -59324,7 +59434,7 @@ var RenderingsToCreate = [_objectSpread$3(_objectSpread$3({}, a$2), {}, {
 
 var axios = require('axios');
 var getSessionGuid = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(organizaitionId, apiKey, userRole, sessionGuids, loginMode, authService, api2Location, doPfisterLogin) {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(organizaitionId, apiKey, userRole, sessionGuids, loginMode, authService, api2Location, doPfisterLogin) {
     var _response$data;
     var _url, _response, login, zToken, url, response;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -59440,7 +59550,7 @@ var ProductHandler = /*#__PURE__*/function () {
      * @param catalogData the catalog data for this basket
      */
     _defineProperty(this, "createAndSave", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
         var basket, catalogData, createdState;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -59481,7 +59591,7 @@ var ProductHandler = /*#__PURE__*/function () {
      * @param productData an optional list of products, if set no products get loaded from the server
      */
     _defineProperty(this, "loadProducts", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
+      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee2$(_context2) {
@@ -59726,7 +59836,7 @@ var ProductHandler = /*#__PURE__*/function () {
      * @param classificationFields the lists of classification fields used
      */
     _defineProperty(this, "saveData", /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref9) {
+      var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref9) {
         var baseData, classificationData, products, baseProduct, j, file;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -59903,7 +60013,7 @@ var ProductHandler = /*#__PURE__*/function () {
   }, {
     key: "apiSaveProducts",
     value: function () {
-      var _apiSaveProducts = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(products) {
+      var _apiSaveProducts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(products) {
         var _this2 = this;
         var fullUrl, promises;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -60112,7 +60222,7 @@ var ENVIRONMENT = 'Pfister Q';
 var DEFAULT_RANGE = 1;
 var DEFAULT_SKIP = 2;
 var creatRenderOrders = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(updateResult) {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(updateResult) {
     var rangeArg, TESTING_RANGE, skipArg, TESTING_SKIP, sessionGuids, _loop, w;
     return _regeneratorRuntime.wrap(function _callee2$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
@@ -60174,7 +60284,7 @@ var creatRenderOrders = /*#__PURE__*/function () {
                           }
                           webPlanner = new DivaWebPlanner(webPlannerParams);
                           getSessionGuidForward = /*#__PURE__*/function () {
-                            var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(u) {
+                            var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(u) {
                               var _dataset$configState$, _dataset$configState$2;
                               return _regeneratorRuntime.wrap(function _callee$(_context) {
                                 while (1) switch (_context.prev = _context.next) {
@@ -60327,7 +60437,7 @@ var creatRenderOrders = /*#__PURE__*/function () {
   };
 }();
 var saveRenderJob = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(product, basket, renderings, apiData) {
+  var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(product, basket, renderings, apiData) {
     var jobs, i, rendering, fileFormat, newJob, diva3DProject, _basket$OrderSets$0$C, variant;
     return _regeneratorRuntime.wrap(function _callee3$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
@@ -60441,7 +60551,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(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( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(updateResult) {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(updateResult) {
     var sessionGuids, dataset, _loop, index;
     return _regeneratorRuntime.wrap(function _callee2$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
@@ -60461,7 +60571,7 @@ var getOrigProductId = /*#__PURE__*/function () {
                   webPlannerParams['divaNr'] = divaNr;
                   webPlanner = new DivaWebPlanner(webPlannerParams);
                   getSessionGuidForward = /*#__PURE__*/function () {
-                    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(u) {
+                    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(u) {
                       var _dataset$configState$, _dataset$configState$2;
                       return _regeneratorRuntime.wrap(function _callee$(_context) {
                         while (1) switch (_context.prev = _context.next) {