@crystaldesign/web-planner-logic 24.11.0-beta.38 → 24.11.0-beta.39

package/build/esm/{index-1f21b165.js → index-862cadbc.js}

@@ -17071,7 +17071,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 +17096,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 +17544,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 +17749,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 +17787,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;
@@ -18773,6 +18787,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,
@@ -18829,6 +18845,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,
@@ -20475,6 +20493,8 @@ var DivaArticle = /*#__PURE__*/function () {
         countAVC: -1,
         countAVO: -1,
         countAVU: -1,
+        countAVN: -1,
+        countAVS: -1,
         hasAVL: false,
         hasAVR: false,
         isAccessoire: false,
@@ -20504,6 +20524,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;
@@ -21531,6 +21553,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;
     }
   }, {
@@ -22322,8 +22346,9 @@ var DivaArticle = /*#__PURE__*/function () {
         ops.freeTextLang['FR'] = langs[1];
         ops.freeTextLang['IT'] = langs[2];
       } else {
+        var _freeTextValues$optio;
         var doSetValue = newConfigValues[optionCodex + '_val'] === undefined;
-        if (!doSetValue && !freeTextValues[optionCodex].exactMatchingKey && key === partenOptionCodex + '.' + optionCodex) doSetValue = true;
+        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
@@ -23521,7 +23546,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-747bb48e.js');
+              return import('./ShelfPlanner-1a65509e.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -24065,6 +24090,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', {
@@ -24074,6 +24101,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
               });
@@ -24472,24 +24501,68 @@ var DivaArticleHandler = /*#__PURE__*/function () {
     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 _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;
@@ -24498,68 +24571,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];
@@ -24569,11 +24636,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;
@@ -24581,24 +24648,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;
@@ -24606,33 +24673,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;
@@ -24651,11 +24718,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 = [];
@@ -24663,124 +24730,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;
@@ -24788,31 +24855,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;
@@ -24890,12 +24957,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;
@@ -24975,11 +25042,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;
@@ -24987,19 +25054,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;
@@ -25016,10 +25083,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
@@ -25052,20 +25119,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
@@ -25082,14 +25149,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;
@@ -25097,10 +25164,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) {
@@ -25123,29 +25190,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;
@@ -25153,41 +25220,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;
@@ -25197,23 +25264,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 = [];
@@ -25222,14 +25289,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;
@@ -25237,32 +25304,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;
@@ -25271,60 +25347,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) {
@@ -25569,31 +25649,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;
@@ -25839,21 +25919,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) {
@@ -25865,34 +25945,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;
@@ -27984,7 +28064,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 3;
-              return import('./DoorPlanner-d53478a6.js');
+              return import('./DoorPlanner-8063f973.js');
             case 3:
               _yield$import = _context4.sent;
               DoorPlanner = _yield$import["default"];
@@ -35201,7 +35281,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context13.next = 5;
-              return import('./PfisterWWSHandler-7e6d73a9.js');
+              return import('./PfisterWWSHandler-cb6d8996.js');
             case 5:
               _yield$import = _context13.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -35209,7 +35289,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 9:
               _context13.next = 11;
-              return import('./LiviqueWWSHandler-8ac2de7d.js');
+              return import('./LiviqueWWSHandler-f13c497c.js');
             case 11:
               _yield$import2 = _context13.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -35217,7 +35297,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 15:
               _context13.next = 17;
-              return import('./SeriousBasketHandler-00d1471a.js');
+              return import('./SeriousBasketHandler-bd8bacf8.js');
             case 17:
               _yield$import3 = _context13.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -35225,7 +35305,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 21:
               _context13.next = 23;
-              return import('./ProductBasketHandler-faa30dae.js');
+              return import('./ProductBasketHandler-e42fb957.js');
             case 23:
               _yield$import4 = _context13.sent;
               ProductWWSHandler = _yield$import4["default"];
@@ -35233,7 +35313,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 27:
               _context13.next = 29;
-              return import('./StandardWWSHandler-33764628.js');
+              return import('./StandardWWSHandler-51626324.js');
             case 29:
               _yield$import5 = _context13.sent;
               StandardWWSHandler = _yield$import5["default"];
@@ -36069,6 +36149,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
@@ -36093,7 +36184,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.
@@ -36603,7 +36698,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-de59e1ca.js');
+              return import('./Host3DSignalR-ab1ccbea.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -36896,7 +36991,7 @@ 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;
               }
@@ -36958,7 +37053,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;
               }
@@ -38152,7 +38247,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-b23fcfc4.js');
+              return import('./DivaStandardPlanner-251c5b36.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -38163,7 +38258,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-da028daa.js');
+              return import('./DivaBoxPlanner-ad6509af.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -38305,8 +38400,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();
           }