@crystaldesign/web-planner-logic 25.5.0-rc.9 → 25.6.0-beta.10

package/build/cjs/{index-b8b24cd4.js → index-d95f1601.js}

@@ -16860,6 +16860,11 @@ var CatalogArticleData = /*#__PURE__*/function () {
     get: function get() {
       return this._catalogArticle.image;
     }
+  }, {
+    key: "images",
+    get: function get() {
+      return this._catalogArticle.images;
+    }
   }, {
     key: "showroomImages",
     get: function get() {
@@ -17220,8 +17225,6 @@ var CatalogArticleData = /*#__PURE__*/function () {
 var LOG$l = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 function initDivaCatalogData(json, orderSet, api) {
   var _json$MainCategory;
-  var oFileLastUp = json.OfflineFilesLastUpdate;
-  var offlinFileLastUpdateTimestamp = new Date(oFileLastUp.substring(0, 4) + '-' + oFileLastUp.substring(5, 6) + '-' + oFileLastUp.substring(7, 8)).valueOf();
   var catalogData = {
     accountGuid: json.AccountGuid ? json.AccountGuid : orderSet.AccountGUID,
     accountName: orderSet.AccountName,
@@ -17246,7 +17249,7 @@ function initDivaCatalogData(json, orderSet, api) {
     accountSessionGuid: orderSet.AccountSessionGUID,
     retailArticleNr: json.RetailArticleNr,
     offlineData: json.OfflineData,
-    offlineFilesLastUpdate: offlinFileLastUpdateTimestamp,
+    offlineFilesLastUpdate: json.OfflineFilesLastUpdate ? new Date(json.OfflineFilesLastUpdate.substring(0, 4) + '-' + json.OfflineFilesLastUpdate.substring(5, 6) + '-' + json.OfflineFilesLastUpdate.substring(7, 8)).valueOf() : undefined,
     retailCatalogNr: json.RetailCatalogNr,
     offlineVersion: json.OfflineVersion,
     description: orderSet.Description,
@@ -19147,9 +19150,16 @@ function _loadMoreFromIDMArticles() {
 var getToLoadDecisionIds = function getToLoadDecisionIds(catalogArticleDatas, set) {
   var allArticleDecisions = [];
   for (var i = 0; i < catalogArticleDatas.length; i++) {
-    var _catalogArticleData$i, _catalogArticleData$d;
+    var _catalogArticleData$s, _catalogArticleData$s2, _catalogArticleData$i, _catalogArticleData$i2, _catalogArticleData$i3, _catalogArticleData$d;
     var catalogArticleData = catalogArticleDatas[i];
-    allArticleDecisions = [].concat(_toConsumableArray__default["default"](allArticleDecisions), _toConsumableArray__default["default"]((_catalogArticleData$i = catalogArticleData.idmPartlistDecisions) !== null && _catalogArticleData$i !== void 0 ? _catalogArticleData$i : []), _toConsumableArray__default["default"]((_catalogArticleData$d = catalogArticleData.decisionsRefs) !== null && _catalogArticleData$d !== void 0 ? _catalogArticleData$d : []));
+    var decisionsOfMediaItems = [].concat(_toConsumableArray__default["default"]((_catalogArticleData$s = (_catalogArticleData$s2 = catalogArticleData.svgs) === null || _catalogArticleData$s2 === void 0 ? void 0 : _catalogArticleData$s2.flatMap(function (svg) {
+      var _svg$decisionNos;
+      return (_svg$decisionNos = svg.decisionNos) !== null && _svg$decisionNos !== void 0 ? _svg$decisionNos : [];
+    })) !== null && _catalogArticleData$s !== void 0 ? _catalogArticleData$s : []), _toConsumableArray__default["default"]((_catalogArticleData$i = (_catalogArticleData$i2 = catalogArticleData.images) === null || _catalogArticleData$i2 === void 0 ? void 0 : _catalogArticleData$i2.flatMap(function (svg) {
+      var _svg$decisionNos2;
+      return (_svg$decisionNos2 = svg.decisionNos) !== null && _svg$decisionNos2 !== void 0 ? _svg$decisionNos2 : [];
+    })) !== null && _catalogArticleData$i !== void 0 ? _catalogArticleData$i : []));
+    allArticleDecisions = [].concat(_toConsumableArray__default["default"](allArticleDecisions), _toConsumableArray__default["default"]((_catalogArticleData$i3 = catalogArticleData.idmPartlistDecisions) !== null && _catalogArticleData$i3 !== void 0 ? _catalogArticleData$i3 : []), _toConsumableArray__default["default"]((_catalogArticleData$d = catalogArticleData.decisionsRefs) !== null && _catalogArticleData$d !== void 0 ? _catalogArticleData$d : []), _toConsumableArray__default["default"](decisionsOfMediaItems));
   }
   var neededDecisionsIds = _toConsumableArray__default["default"](new Set([].concat(_toConsumableArray__default["default"](set.CatalogData.globalDecisions.map(function (g) {
     return g.decisionNo;
@@ -19262,7 +19272,7 @@ var parseOptionSetRef = function parseOptionSetRef(optionsSetRefs, idmOptionGrou
           var _op$split2 = _slicedToArray__default["default"](_op$split, 2);
           target = _op$split2[0];
           operator = _op$split2[1];
-          if (target == 'OPTION_GROUP_REF_OP' && operator == 'in') {
+          if (target == 'OPTION_GROUP_REF_OP' && ['in', 'nin'].includes(operator)) {
             var group = idmOptionGroups === null || idmOptionGroups === void 0 ? void 0 : idmOptionGroups[value];
             if (!group) {
               parseOptionSetRefs[featureNo] = {
@@ -19271,7 +19281,7 @@ var parseOptionSetRef = function parseOptionSetRef(optionsSetRefs, idmOptionGrou
               };
               LOG$j.error(new Error('OPTION_GROUP_REF_OP: ' + value + ' is not defined'));
             } else parseOptionSetRefs[featureNo] = {
-              op: 'eq',
+              op: operator,
               value: group
             };
           } else {
@@ -19404,7 +19414,7 @@ function initOption(feature, articleFeature, catalogArticle, set) {
   catalogArticle.articleOptions[articleFeature.codex];
 }
 function getCatalogOptionType(option, set) {
-  var _option$detailInfos;
+  var _option$detailInfos, _option$detailInfos2;
   var catalogData = set.CatalogData;
   var opiton = {
     codex: option.optionKey,
@@ -19414,6 +19424,18 @@ function getCatalogOptionType(option, set) {
     image: (_option$detailInfos = option.detailInfos) === null || _option$detailInfos === void 0 || (_option$detailInfos = _option$detailInfos.find(function (d) {
       return d.functionType == 'OPV';
     })) === null || _option$detailInfos === void 0 ? void 0 : _option$detailInfos.url,
+    images: (_option$detailInfos2 = option.detailInfos) === null || _option$detailInfos2 === void 0 || (_option$detailInfos2 = _option$detailInfos2.filter(function (d) {
+      return d.functionType == 'OPV';
+    })) === null || _option$detailInfos2 === void 0 ? void 0 : _option$detailInfos2.map(function (o) {
+      var _option$detailInfoRef, _option$detailInfoRef2;
+      return {
+        detailInfoNo: o.detailInfoNo,
+        url: o.url,
+        decisionNos: (_option$detailInfoRef = (_option$detailInfoRef2 = option.detailInfoRefs) === null || _option$detailInfoRef2 === void 0 || (_option$detailInfoRef2 = _option$detailInfoRef2[o.detailInfoNo]) === null || _option$detailInfoRef2 === void 0 ? void 0 : _option$detailInfoRef2.filter(function (n) {
+          return n !== null;
+        })) !== null && _option$detailInfoRef !== void 0 ? _option$detailInfoRef : []
+      };
+    }),
     hexColor: rgbToHex(option.materialColorR, option.materialColorG, option.materialColorB),
     description: DivaUtils__default["default"].getLocals(option.optionCommentText, set.api.getLanguageLowercase()),
     description_locales: option.optionCommentText,
@@ -19446,8 +19468,8 @@ function getCatalogOptionType(option, set) {
     property: convertProperties(option.properties, catalogData.api.getLanguageLowercase())
   };
   if (option.detailInfos) {
-    for (var i = 0; i < ((_option$detailInfos2 = option.detailInfos) !== null && _option$detailInfos2 !== void 0 ? _option$detailInfos2 : []).length; i++) {
-      var _option$detailInfos2;
+    for (var i = 0; i < ((_option$detailInfos3 = option.detailInfos) !== null && _option$detailInfos3 !== void 0 ? _option$detailInfos3 : []).length; i++) {
+      var _option$detailInfos3;
       option.detailInfos[i];
 
       //TODO IDM second image for zoom & images with rules (decisions)
@@ -19577,7 +19599,7 @@ function initIDMArticles(jsonItems, catalogData) {
   }
 }
 function getCatalogArticle(article, catalogData) {
-  var _catalogData$catalogM, _ref, _articleMask$name, _article$fullText, _article$fullText2, _article$shortText, _articleMask$properti, _article$weightNetto, _article$detailInfos, _article$detailInfos2, _articleMask$groupnam, _articleMask$groupnam2;
+  var _catalogData$catalogM, _ref, _articleMask$name, _article$fullText, _article$fullText2, _article$shortText, _articleMask$properti, _article$depthBasicSh, _article$depthBasicSh2, _article$depthBasicSh3, _article$widthBasicSh, _article$widthBasicSh2, _article$widthBasicSh3, _article$heightBasicS, _article$heightBasicS2, _article$heightBasicS3, _article$weightNetto, _article$detailInfos, _article$detailInfos2, _article$detailInfos3, _articleMask$groupnam, _articleMask$groupnam2;
   var articleMask = (_catalogData$catalogM = catalogData.catalogMask) === null || _catalogData$catalogM === void 0 || (_catalogData$catalogM = _catalogData$catalogM.articles) === null || _catalogData$catalogM === void 0 ? void 0 : _catalogData$catalogM[article.typeNo];
   var lang = catalogData.api.getLanguageLowercase();
   var featureProperties = convertProperties(article.properties, lang, 'featureNos');
@@ -19612,29 +19634,45 @@ function getCatalogArticle(article, catalogData) {
     price: 0,
     featureClassRefNo: article.featureClassRefNo,
     useEkPrices: catalogData.api.useEkPrices,
-    depth: article.depthBasicShapeNominalValue,
-    depthFrom: article.depthBasicShapeFrom,
-    depthTo: article.depthBasicShapeTo,
-    width: article.widthBasicShapeNominalValue,
-    widthFrom: article.widthBasicShapeFrom,
-    widthTo: article.widthBasicShapeTo,
-    height: article.heightBasicShapeNominalValue,
-    heightFrom: article.heightBasicShapeFrom,
-    heightTo: article.heightBasicShapeTo,
+    depth: article.depthBasicShapeNominalValue !== undefined ? Math.floor(((_article$depthBasicSh = article.depthBasicShapeNominalValue) !== null && _article$depthBasicSh !== void 0 ? _article$depthBasicSh : 0) / 10) : undefined,
+    depthFrom: article.depthBasicShapeFrom !== undefined ? Math.floor(((_article$depthBasicSh2 = article.depthBasicShapeFrom) !== null && _article$depthBasicSh2 !== void 0 ? _article$depthBasicSh2 : 0) / 10) : undefined,
+    depthTo: article.depthBasicShapeTo !== undefined ? Math.floor(((_article$depthBasicSh3 = article.depthBasicShapeTo) !== null && _article$depthBasicSh3 !== void 0 ? _article$depthBasicSh3 : 0) / 10) : undefined,
+    width: article.widthBasicShapeNominalValue !== undefined ? Math.floor(((_article$widthBasicSh = article.widthBasicShapeNominalValue) !== null && _article$widthBasicSh !== void 0 ? _article$widthBasicSh : 0) / 10) : undefined,
+    widthFrom: article.widthBasicShapeFrom !== undefined ? Math.floor(((_article$widthBasicSh2 = article.widthBasicShapeFrom) !== null && _article$widthBasicSh2 !== void 0 ? _article$widthBasicSh2 : 0) / 10) : undefined,
+    widthTo: article.widthBasicShapeTo !== undefined ? Math.floor(((_article$widthBasicSh3 = article.widthBasicShapeTo) !== null && _article$widthBasicSh3 !== void 0 ? _article$widthBasicSh3 : 0) / 10) : undefined,
+    height: article.heightBasicShapeNominalValue !== undefined ? Math.floor(((_article$heightBasicS = article.heightBasicShapeNominalValue) !== null && _article$heightBasicS !== void 0 ? _article$heightBasicS : 0) / 10) : undefined,
+    heightFrom: article.heightBasicShapeFrom !== undefined ? Math.floor(((_article$heightBasicS2 = article.heightBasicShapeFrom) !== null && _article$heightBasicS2 !== void 0 ? _article$heightBasicS2 : 0) / 10) : undefined,
+    heightTo: article.heightBasicShapeTo !== undefined ? Math.floor(((_article$heightBasicS3 = article.heightBasicShapeTo) !== null && _article$heightBasicS3 !== void 0 ? _article$heightBasicS3 : 0) / 10) : undefined,
     volume: article.volume,
     weight: (_article$weightNetto = article.weightNetto) !== null && _article$weightNetto !== void 0 ? _article$weightNetto : article.weightBrutto,
     image: (_article$detailInfos = article.detailInfos) === null || _article$detailInfos === void 0 || (_article$detailInfos = _article$detailInfos.find(function (d) {
       return d.functionType == 'ART';
     })) === null || _article$detailInfos === void 0 ? void 0 : _article$detailInfos.url,
+    images: (_article$detailInfos2 = article.detailInfos) === null || _article$detailInfos2 === void 0 || (_article$detailInfos2 = _article$detailInfos2.filter(function (d) {
+      return d.functionType == 'ART';
+    })) === null || _article$detailInfos2 === void 0 ? void 0 : _article$detailInfos2.map(function (d) {
+      var _article$detailInfoRe, _article$detailInfoRe2;
+      return {
+        url: d.url,
+        detailInfoNo: d.detailInfoNo,
+        decisionNos: (_article$detailInfoRe = (_article$detailInfoRe2 = article.detailInfoRefs) === null || _article$detailInfoRe2 === void 0 || (_article$detailInfoRe2 = _article$detailInfoRe2[d.detailInfoNo]) === null || _article$detailInfoRe2 === void 0 ? void 0 : _article$detailInfoRe2.filter(function (n) {
+          return n !== null;
+        })) !== null && _article$detailInfoRe !== void 0 ? _article$detailInfoRe : []
+      };
+    }),
     idmPrices: article.prices,
     idmPartlist: article.partlist,
     articleRelations: [],
-    svgs: (_article$detailInfos2 = article.detailInfos) === null || _article$detailInfos2 === void 0 ? void 0 : _article$detailInfos2.filter(function (d) {
+    svgs: (_article$detailInfos3 = article.detailInfos) === null || _article$detailInfos3 === void 0 ? void 0 : _article$detailInfos3.filter(function (d) {
       return d.classification == 'SVG';
     }).map(function (d) {
+      var _article$detailInfoRe3, _article$detailInfoRe4;
       return {
         url: d.url,
-        detailInfoNo: d.detailInfoNo
+        detailInfoNo: d.detailInfoNo,
+        decisionNos: (_article$detailInfoRe3 = (_article$detailInfoRe4 = article.detailInfoRefs) === null || _article$detailInfoRe4 === void 0 || (_article$detailInfoRe4 = _article$detailInfoRe4[d.detailInfoNo]) === null || _article$detailInfoRe4 === void 0 ? void 0 : _article$detailInfoRe4.filter(function (n) {
+          return n !== null;
+        })) !== null && _article$detailInfoRe3 !== void 0 ? _article$detailInfoRe3 : []
       };
     }),
     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 : article.typeKey
@@ -19645,15 +19683,15 @@ function getCatalogArticle(article, catalogData) {
     mainCategory: jsonArticle.MainCategory && jsonArticle.MainCategory != '' ? jsonArticle.MainCategory : undefined,
     price: jsonArticle.VKP1 && isNaN(jsonArticle.VKP1) ? Number(jsonArticle.VKP1.replace(',', '.')) : jsonArticle.VKP1,
     priceGroup: jsonArticle.PriceGroup,
+    tabGroup: jsonArticle.TabGroup,
+    tabGroupOption: jsonArticle.TabGroupOption,
+
     modelName3D: jsonArticle.ModelName3D && jsonArticle.ModelName3D != '' ? jsonArticle.ModelName3D : undefined,
     retailArticleNr: jsonArticle.RetailArticleNr && jsonArticle.RetailArticleNr != '' ? jsonArticle.RetailArticleNr : undefined,
     retailPrefix: jsonArticle.RetailPrefix && jsonArticle.RetailPrefix != '' ? jsonArticle.RetailPrefix : undefined,
     retailTypeNr: jsonArticle.RetailTypeNr && jsonArticle.RetailTypeNr != '' ? jsonArticle.RetailTypeNr : undefined,
     retailMainCategoryNr: jsonArticle.RetailMainCategoryNr && jsonArticle.RetailMainCategoryNr != '' ? jsonArticle.RetailMainCategoryNr : undefined,
     retailSubCategoryNr: jsonArticle.RetailSubCategoryNr && jsonArticle.RetailSubCategoryNr != '' ? jsonArticle.RetailSubCategoryNr : undefined,
-    tabGroup: jsonArticle.TabGroup,
-    tabGroupOption: jsonArticle.TabGroupOption,
-    articlePrices: { Articles: {} },
 */
 
 function convertProperties() {
@@ -19689,7 +19727,7 @@ function mapProp() {
   });
 }
 function getCatalogPlanner(article, catalogArticle) {
-  var _catalogArticle$svgs;
+  var _catalogArticle$svgs, _article$depthBasicSh4, _article$depthBasicSh5, _article$depthBasicSh6, _article$widthBasicSh4, _article$widthBasicSh5, _article$widthBasicSh6, _article$heightBasicS4, _article$heightBasicS5, _article$heightBasicS6;
   return {
     articleCodex: article.typeNo,
     avlFilter: [],
@@ -19698,6 +19736,7 @@ function getCatalogPlanner(article, catalogArticle) {
     catalogArticle: catalogArticle,
     id: Number(article.typeKey),
     isArticleRelation: false,
+    //TODO fill all these infos when implemented in backend
     topAVC: 0,
     topAVN: 0,
     topAVO: 0,
@@ -19707,15 +19746,15 @@ function getCatalogPlanner(article, catalogArticle) {
     topHasAVR: false,
     topSvg: (_catalogArticle$svgs = catalogArticle.svgs) === null || _catalogArticle$svgs === void 0 || (_catalogArticle$svgs = _catalogArticle$svgs[0]) === null || _catalogArticle$svgs === void 0 ? void 0 : _catalogArticle$svgs.url,
     topLayer: 30,
-    articleSizeY: article.depthBasicShapeNominalValue,
-    articleSizeYTo: article.depthBasicShapeTo,
-    articleSizeYFrom: article.depthBasicShapeFrom,
-    articleSizeX: article.widthBasicShapeNominalValue,
-    articleSizeXFrom: article.widthBasicShapeFrom,
-    articleSizeXTo: article.widthBasicShapeTo,
-    articleSizeZ: article.heightBasicShapeNominalValue,
-    articleSizeZFrom: article.heightBasicShapeFrom,
-    articleSizeZTo: article.heightBasicShapeTo,
+    articleSizeY: article.depthBasicShapeNominalValue !== undefined ? Math.floor(((_article$depthBasicSh4 = article.depthBasicShapeNominalValue) !== null && _article$depthBasicSh4 !== void 0 ? _article$depthBasicSh4 : 0) / 10) : undefined,
+    articleSizeYFrom: article.depthBasicShapeFrom !== undefined ? Math.floor(((_article$depthBasicSh5 = article.depthBasicShapeFrom) !== null && _article$depthBasicSh5 !== void 0 ? _article$depthBasicSh5 : 0) / 10) : undefined,
+    articleSizeYTo: article.depthBasicShapeTo !== undefined ? Math.floor(((_article$depthBasicSh6 = article.depthBasicShapeTo) !== null && _article$depthBasicSh6 !== void 0 ? _article$depthBasicSh6 : 0) / 10) : undefined,
+    articleSizeX: article.widthBasicShapeNominalValue !== undefined ? Math.floor(((_article$widthBasicSh4 = article.widthBasicShapeNominalValue) !== null && _article$widthBasicSh4 !== void 0 ? _article$widthBasicSh4 : 0) / 10) : undefined,
+    articleSizeXFrom: article.widthBasicShapeFrom !== undefined ? Math.floor(((_article$widthBasicSh5 = article.widthBasicShapeFrom) !== null && _article$widthBasicSh5 !== void 0 ? _article$widthBasicSh5 : 0) / 10) : undefined,
+    articleSizeXTo: article.widthBasicShapeTo !== undefined ? Math.floor(((_article$widthBasicSh6 = article.widthBasicShapeTo) !== null && _article$widthBasicSh6 !== void 0 ? _article$widthBasicSh6 : 0) / 10) : undefined,
+    articleSizeZ: article.heightBasicShapeNominalValue !== undefined ? Math.floor(((_article$heightBasicS4 = article.heightBasicShapeNominalValue) !== null && _article$heightBasicS4 !== void 0 ? _article$heightBasicS4 : 0) / 10) : undefined,
+    articleSizeZFrom: article.heightBasicShapeFrom !== undefined ? Math.floor(((_article$heightBasicS5 = article.heightBasicShapeFrom) !== null && _article$heightBasicS5 !== void 0 ? _article$heightBasicS5 : 0) / 10) : undefined,
+    articleSizeZTo: article.heightBasicShapeTo !== undefined ? Math.floor(((_article$heightBasicS6 = article.heightBasicShapeTo) !== null && _article$heightBasicS6 !== void 0 ? _article$heightBasicS6 : 0) / 10) : undefined,
     filterType: 'DockNone'
   };
 }
@@ -23896,6 +23935,152 @@ var DivaEngine = /*#__PURE__*/function () {
         return calculatedPrice;
       }
     }
+  }, {
+    key: "updateConfigDependentMedia",
+    value: function updateConfigDependentMedia() {
+      var _this$article$catalog2,
+        _this$article$catalog3,
+        _this4 = this;
+      var catalogData = this.article.CatalogData;
+      //articlebild berechnung
+
+      //jetzt könnte der Artikel ein neues Bild haben, die in ArticleData.ShowroomImages mit JsFormula deklariert sind
+      var myShowroomImages = this.article.catalogArticle.showroomImages;
+      if (myShowroomImages) {
+        for (var i = 0; i < myShowroomImages.length; i++) {
+          var tmpShowRoomImg = myShowroomImages[i];
+          var doUse = false;
+          if (!tmpShowRoomImg.JsFormula || tmpShowRoomImg.JsFormula == '') doUse = true;
+          if (tmpShowRoomImg.JsFormula && tmpShowRoomImg.JsFormula != '') {
+            doUse = this.article.evalRule(tmpShowRoomImg.JsFormula, '');
+          }
+          if (doUse && tmpShowRoomImg.ReplaceMainImage == 'True') {
+            this.article.image = tmpShowRoomImg.FileName;
+          }
+        }
+      } else {
+        var keys = Object.keys(this.article.partlistArticles);
+        if (keys.length == 1 && this.article.partlistArticles[keys[0]].image) {
+          this.article.image = this.article.partlistArticles[keys[0]].image;
+        }
+      }
+
+      // this functions updates the images of OPVs that depend on rules
+      var _iterator11 = _createForOfIteratorHelper$8(this.article.articleOptionStates),
+        _step11;
+      try {
+        for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+          var ops = _step11.value;
+          for (var jKey in ops.visibleOptionValues) {
+            var opv = ops.visibleOptionValues[jKey];
+            if (opv.images) {
+              var imageFound = false;
+              for (var _i8 = 0; _i8 < opv.images.length; _i8++) {
+                var image = opv.images[_i8];
+                var rule = image.jsFormula;
+                if (rule.includes('ARTICLECODEX')) {
+                  rule = rule.replace(/ARTICLECODEX/g, "'" + this.article.articleCodex + "'");
+                }
+                if (rule && this.article.evalRule(rule)) {
+                  ops.editVisibleOPVsImages(opv.codex, catalogData.getCatImageURL(image.fileName, ''));
+                  imageFound = true;
+                  break;
+                }
+              }
+              if (!imageFound) ops.editVisibleOPVsImages(opv.codex);
+            }
+          }
+        }
+
+        // this function calculates an Svg to the current configuration if neccessary (SVG Tausch)
+        // if the Article has no SVG Tausch nothing is done
+      } catch (err) {
+        _iterator11.e(err);
+      } finally {
+        _iterator11.f();
+      }
+      var newSVGFile = null;
+      var svgChangedViaSvgTausch = false;
+      if (!this.article.hasCatalogPlannerArticle || ((_this$article$catalog2 = this.article.catalogArticle.catalogPlannerArticle) === null || _this$article$catalog2 === void 0 ? void 0 : _this$article$catalog2.topSvg) == undefined && ((_this$article$catalog3 = this.article.catalogArticle.catalogPlannerArticle) === null || _this$article$catalog3 === void 0 ? void 0 : _this$article$catalog3.topSvgsWithFormula) == undefined) {
+        var _this$article$catalog4;
+        //falls der Arikel kein SVG hat könnte eines seiner ParlistArtikel eines haben
+        if (this.article.hasPartlistArticle && !((_this$article$catalog4 = this.article.catalogArticle.catalogPlannerArticle) !== null && _this$article$catalog4 !== void 0 && _this$article$catalog4.topSvg)) {
+          for (var key in this.article.partlistArticles) if (this.article.partlistArticles[key].actPlannerData) {
+            this.article.plannerData = this.article.partlistArticles[key].actPlannerData;
+            newSVGFile = true;
+            break;
+          }
+        }
+        return;
+      } else {
+        var plannerCatArt = this.article.catalogArticle.catalogPlannerArticle;
+        if (plannerCatArt.hasTopSvgsWithFormula) {
+          var svgsWithFormula = plannerCatArt.topSvgsWithFormula;
+          for (var _i7 = 0; _i7 < svgsWithFormula.length; _i7++) {
+            var mySVG = svgsWithFormula[_i7],
+              myRule = DivaUtils__default["default"].getRuleByFormula(mySVG.JsFormula, this.article.catalogCodex, catalogData.multiselectOptions);
+            if (this.article.evalRule(myRule, '')) {
+              newSVGFile = mySVG.SVG;
+              svgChangedViaSvgTausch = true;
+              this.article.actPlannerData.curSVG = mySVG.SVG;
+              this.article.actPlannerData.countAVC = mySVG.AVC;
+              this.article.actPlannerData.countAVO = mySVG.AVO;
+              this.article.actPlannerData.countAVU = mySVG.AVU;
+              this.article.actPlannerData.countAVN = mySVG.AVN;
+              this.article.actPlannerData.countAVS = mySVG.AVS;
+              this.article.actPlannerData.hasAVL = mySVG.HasAVL;
+              this.article.actPlannerData.hasAVR = mySVG.HasAVR;
+              LOG$f.debug('new SVG by SVG tausch', {
+                svg: mySVG.SVG,
+                rule: myRule,
+                layer: mySVG.Layer,
+                AVC: mySVG.AVC,
+                AVO: mySVG.AVO,
+                AVU: mySVG.AVU,
+                AVN: mySVG.AVN,
+                AVS: mySVG.AVS,
+                HasAVL: mySVG.HasAVL,
+                HasAVR: mySVG.HasAVR
+              });
+              if (isNaN(mySVG.Layer)) {
+                this.article.actPlannerData.layer = 20;
+              } else {
+                this.article.actPlannerData.layer = Number(mySVG.Layer);
+              }
+              break;
+            }
+          }
+        } else if (plannerCatArt.hasTopSvg) {
+          newSVGFile = true;
+        }
+        if (!newSVGFile) {
+          var _plannerCatArt$topSvg;
+          LOG$f.error(new DivaUtils.DivaError('No SVG found for current configuration', {
+            code: 'WC_0011',
+            custom: {
+              formulas: (_plannerCatArt$topSvg = plannerCatArt.topSvgsWithFormula) === null || _plannerCatArt$topSvg === void 0 ? void 0 : _plannerCatArt$topSvg.map(function (item) {
+                return DivaUtils__default["default"].getRuleByFormula(item.JsFormula, _this4.article.catalogCodex, catalogData.multiselectOptions);
+              }),
+              catalogName: catalogData.catalogName,
+              catalogCodex: this.article.catalogCodex,
+              ArticleCodex: this.article.articleCodex,
+              variantDesc: this.article.articleVariantDesc(),
+              variantValues: this.article.VariantValues
+            }
+          }));
+        }
+      }
+      if (svgChangedViaSvgTausch || this.article.doUpdatePlannerSize) {
+        if (this.article.newPossibleAVRFilters) {
+          this.article.avr = this.article.newPossibleAVRFilters;
+          this.article.newPossibleAVRFilters = undefined;
+        }
+        if (this.article.newPossibleAVLFilters) {
+          this.article.avl = this.article.newPossibleAVLFilters;
+          this.article.newPossibleAVLFilters = undefined;
+        }
+      }
+    }
   }]);
 }();
 
@@ -24808,6 +24993,178 @@ var IDMEngine = /*#__PURE__*/function () {
     value: function updateArticleOptionTree() {
       return [];
     }
+  }, {
+    key: "updateConfigDependentMedia",
+    value: function updateConfigDependentMedia() {
+      var _this$article$catalog5,
+        _this3 = this;
+      var catalogData = this.article.CatalogData;
+      //articlebild berechnung
+
+      //jetzt könnte der Artikel ein neues Bild haben, die in ArticleData.ShowroomImages mit JsFormula deklariert sind
+      var images = this.article.catalogArticle.images;
+      if (images !== null && images !== void 0 && images.length) {
+        for (var i = 0; i < images.length; i++) {
+          var _image$decisionNos;
+          var image = images[i];
+          var doUse = !((_image$decisionNos = image.decisionNos) !== null && _image$decisionNos !== void 0 && _image$decisionNos.length);
+          for (var j = 0; !doUse && j < image.decisionNos.length; j++) {
+            var decision = catalogData.getDecisionByNo(image.decisionNos[j]);
+            if (!decision) continue;
+            var _this$getMatchingOpti9 = this.getMatchingOptionCombination(decision.optionCombinations),
+              _this$getMatchingOpti10 = _slicedToArray__default["default"](_this$getMatchingOpti9, 1),
+              combination = _this$getMatchingOpti10[0];
+            if (combination) {
+              doUse = true;
+              break;
+            }
+          }
+          if (doUse) {
+            this.article.image = image.url;
+            break;
+          }
+        }
+      } else {
+        var pla = Object.values(this.article.partlistArticles);
+        if (pla.length == 1 && pla[0].image) {
+          this.article.image = pla[0].image;
+        }
+      }
+
+      // this functions updates the images of OPVs that depend on rules
+      var _iterator3 = _createForOfIteratorHelper$7(this.article.articleOptionStates),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var ops = _step3.value;
+          for (var jKey in ops.visibleOptionValues) {
+            var opv = ops.visibleOptionValues[jKey];
+            if (opv.images) {
+              var imageFound = false;
+              for (var _i2 = 0; _i2 < opv.images.length; _i2++) {
+                var _image$decisionNos2, _image$decisionNos3;
+                var _image = opv.images[_i2];
+                var _doUse = !((_image$decisionNos2 = _image.decisionNos) !== null && _image$decisionNos2 !== void 0 && _image$decisionNos2.length);
+                if ((_image$decisionNos3 = _image.decisionNos) !== null && _image$decisionNos3 !== void 0 && _image$decisionNos3.length) {
+                  for (var _j2 = 0; _j2 < _image.decisionNos.length; _j2++) {
+                    var _decision2 = catalogData.getDecisionByNo(_image.decisionNos[_j2]);
+                    if (!_decision2) throw new Error('decision ' + _image.decisionNos[_j2] + ' not found');
+                    var _this$getMatchingOpti13 = this.getMatchingOptionCombination(_decision2.optionCombinations),
+                      _this$getMatchingOpti14 = _slicedToArray__default["default"](_this$getMatchingOpti13, 1),
+                      _combination2 = _this$getMatchingOpti14[0];
+                    if (_combination2) {
+                      _doUse = true;
+                      break;
+                    }
+                  }
+                }
+                if (_doUse) {
+                  ops.editVisibleOPVsImages(opv.codex, _image.url);
+                  imageFound = true;
+                  break;
+                }
+              }
+              if (!imageFound) ops.editVisibleOPVsImages(opv.codex);
+            }
+          }
+        }
+
+        // this function calculates an Svg to the current configuration if neccessary (SVG Tausch)
+        // if the Article has no SVG Tausch nothing is done
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      var newSVGFile = null;
+      var svgChangedViaSvgTausch = false;
+      if (!((_this$article$catalog5 = this.article.catalogArticle.svgs) !== null && _this$article$catalog5 !== void 0 && _this$article$catalog5.length)) {
+        var _this$article$catalog6;
+        //falls der Arikel kein SVG hat könnte eines seiner ParlistArtikel eines haben
+        if (this.article.hasPartlistArticle && !((_this$article$catalog6 = this.article.catalogArticle.catalogPlannerArticle) !== null && _this$article$catalog6 !== void 0 && _this$article$catalog6.topSvg)) {
+          for (var key in this.article.partlistArticles) if (this.article.partlistArticles[key].actPlannerData) {
+            this.article.plannerData = this.article.partlistArticles[key].actPlannerData;
+            newSVGFile = true;
+            break;
+          }
+        }
+        return;
+      } else {
+        var plannerCatArt = this.article.catalogArticle.catalogPlannerArticle;
+        var svgs = this.article.catalogArticle.svgs;
+        if (svgs !== null && svgs !== void 0 && svgs.length) {
+          for (var _i = 0; _i < svgs.length; _i++) {
+            var _svg$decisionNos, _svg$decisionNos2;
+            var svg = svgs[_i];
+            var svgValid = !((_svg$decisionNos = svg.decisionNos) !== null && _svg$decisionNos !== void 0 && _svg$decisionNos.length);
+            if ((_svg$decisionNos2 = svg.decisionNos) !== null && _svg$decisionNos2 !== void 0 && _svg$decisionNos2.length) {
+              for (var _j = 0; _j < svg.decisionNos.length; _j++) {
+                var _decision = catalogData.getDecisionByNo(svg.decisionNos[_j]);
+                if (!_decision) throw new Error('decision ' + svg.decisionNos[_j] + ' not found');
+                var _this$getMatchingOpti11 = this.getMatchingOptionCombination(_decision.optionCombinations),
+                  _this$getMatchingOpti12 = _slicedToArray__default["default"](_this$getMatchingOpti11, 1),
+                  _combination = _this$getMatchingOpti12[0];
+                if (_combination) {
+                  svgValid = _decision;
+                  break;
+                }
+              }
+            }
+            if (svgValid) {
+              newSVGFile = svg.url;
+              svgChangedViaSvgTausch = true;
+              this.article.actPlannerData.curSVG = svg.url;
+              //TODO. fill this after these infos are in the mediaRef
+              //this.article.actPlannerData!.countAVC = mySVG.AVC;
+              //this.article.actPlannerData!.countAVO = mySVG.AVO;
+              //this.article.actPlannerData!.countAVU = mySVG.AVU;
+              //this.article.actPlannerData!.countAVN = mySVG.AVN;
+              //this.article.actPlannerData!.countAVS = mySVG.AVS;
+              //this.article.actPlannerData!.hasAVL = mySVG.HasAVL;
+              //this.article.actPlannerData!.hasAVR = mySVG.HasAVR;
+              LOG$e.debug('new SVG by SVG tausch', {
+                svg: svg.url,
+                rule: svgValid
+              });
+              if (isNaN(svg.Layer)) {
+                this.article.actPlannerData.layer = 20;
+              } else {
+                this.article.actPlannerData.layer = Number(svg.Layer);
+              }
+              break;
+            }
+          }
+        } else if (plannerCatArt.hasTopSvg) {
+          newSVGFile = true;
+        }
+        if (!newSVGFile) {
+          var _plannerCatArt$topSvg;
+          LOG$e.error(new DivaUtils.DivaError('No SVG found for current configuration', {
+            code: 'WC_0011',
+            custom: {
+              formulas: (_plannerCatArt$topSvg = plannerCatArt.topSvgsWithFormula) === null || _plannerCatArt$topSvg === void 0 ? void 0 : _plannerCatArt$topSvg.map(function (item) {
+                return DivaUtils__default["default"].getRuleByFormula(item.JsFormula, _this3.article.catalogCodex, catalogData.multiselectOptions);
+              }),
+              catalogName: catalogData.catalogName,
+              catalogCodex: this.article.catalogCodex,
+              ArticleCodex: this.article.articleCodex,
+              variantDesc: this.article.articleVariantDesc(),
+              variantValues: this.article.VariantValues
+            }
+          }));
+        }
+      }
+      if (svgChangedViaSvgTausch || this.article.doUpdatePlannerSize) {
+        if (this.article.newPossibleAVRFilters) {
+          this.article.avr = this.article.newPossibleAVRFilters;
+          this.article.newPossibleAVRFilters = undefined;
+        }
+        if (this.article.newPossibleAVLFilters) {
+          this.article.avl = this.article.newPossibleAVLFilters;
+          this.article.newPossibleAVLFilters = undefined;
+        }
+      }
+    }
   }]);
 }();
 
@@ -27313,7 +27670,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-721f16e4.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-d3195d2c.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -27490,162 +27847,6 @@ var DivaArticle = /*#__PURE__*/function () {
       return validValues;
     }
 
-    //articlebild berechnung
-  }, {
-    key: "updateArticleImage",
-    value: function updateArticleImage() {
-      //jetzt könnte der Artikel ein neues Bild haben, die in ArticleData.ShowroomImages mit JsFormula deklariert sind
-      var myShowroomImages = this.article.catalogArticle.showroomImages;
-      if (myShowroomImages) {
-        for (var i = 0; i < myShowroomImages.length; i++) {
-          var tmpShowRoomImg = myShowroomImages[i];
-          var doUse = false;
-          if (!tmpShowRoomImg.JsFormula || tmpShowRoomImg.JsFormula == '') doUse = true;
-          if (tmpShowRoomImg.JsFormula && tmpShowRoomImg.JsFormula != '') {
-            doUse = this.evalRule(tmpShowRoomImg.JsFormula, '');
-          }
-          if (doUse && tmpShowRoomImg.ReplaceMainImage == 'True') {
-            this.image = tmpShowRoomImg.FileName;
-          }
-        }
-      } else {
-        var keys = Object.keys(this.article.partlistArticles);
-        if (keys.length == 1 && this.article.partlistArticles[keys[0]].image) {
-          this.image = this.article.partlistArticles[keys[0]].image;
-        }
-      }
-    }
-    /**
-     * this functions updates the images of OPVs that depend on rules
-     */
-  }, {
-    key: "updateOPVImages",
-    value: function updateOPVImages() {
-      var catalogData = this.CatalogData;
-      var _iterator25 = _createForOfIteratorHelper$6(this.articleOptionStates),
-        _step25;
-      try {
-        for (_iterator25.s(); !(_step25 = _iterator25.n()).done;) {
-          var ops = _step25.value;
-          for (var jKey in ops.visibleOptionValues) {
-            var opv = ops.visibleOptionValues[jKey];
-            if (opv.images) {
-              var imageFound = false;
-              for (var i = 0; i < opv.images.length; i++) {
-                var rule = opv.images[i].jsFormula;
-                if (rule.includes('ARTICLECODEX')) {
-                  rule = rule.replace(/ARTICLECODEX/g, "'" + this.articleCodex + "'");
-                }
-                if (rule && this.evalRule(rule)) {
-                  ops.editVisibleOPVsImages(opv.codex, catalogData.getCatImageURL(opv.images[i].fileName, ''));
-                  imageFound = true;
-                  break;
-                }
-              }
-              if (!imageFound) ops.editVisibleOPVsImages(opv.codex);
-            }
-          }
-        }
-      } catch (err) {
-        _iterator25.e(err);
-      } finally {
-        _iterator25.f();
-      }
-    }
-
-    /**
-     * this function calculates an Svg to the current configuration if neccessary (SVG Tausch)
-     * if the Article has no SVG Tausch nothing is done
-     */
-  }, {
-    key: "updateArticleSVG",
-    value: function updateArticleSVG() {
-      var _this$article$catalog2,
-        _this$article$catalog3,
-        _this4 = this;
-      var newSVGFile = null;
-      var svgChangedViaSvgTausch = false;
-      if (!this.hasCatalogPlannerArticle || ((_this$article$catalog2 = this.article.catalogArticle.catalogPlannerArticle) === null || _this$article$catalog2 === void 0 ? void 0 : _this$article$catalog2.topSvg) == undefined && ((_this$article$catalog3 = this.article.catalogArticle.catalogPlannerArticle) === null || _this$article$catalog3 === void 0 ? void 0 : _this$article$catalog3.topSvgsWithFormula) == undefined) {
-        var _this$article$catalog4;
-        //falls der Arikel kein SVG hat könnte eines seiner ParlistArtikel eines haben
-        if (this.hasPartlistArticle && !((_this$article$catalog4 = this.article.catalogArticle.catalogPlannerArticle) !== null && _this$article$catalog4 !== void 0 && _this$article$catalog4.topSvg)) {
-          for (var key in this.partlistArticles) if (this.partlistArticles[key].actPlannerData) {
-            this.plannerData = this.partlistArticles[key].actPlannerData;
-            newSVGFile = true;
-            break;
-          }
-        }
-        return;
-      } else {
-        var plannerCatArt = this.article.catalogArticle.catalogPlannerArticle;
-        if (plannerCatArt.hasTopSvgsWithFormula) {
-          var svgsWithFormula = plannerCatArt.topSvgsWithFormula;
-          for (var i = 0; i < svgsWithFormula.length; i++) {
-            var mySVG = svgsWithFormula[i],
-              myRule = DivaUtils__default["default"].getRuleByFormula(mySVG.JsFormula, this.catalogCodex, this.CatalogData.multiselectOptions);
-            if (this.evalRule(myRule, '')) {
-              newSVGFile = mySVG.SVG;
-              svgChangedViaSvgTausch = true;
-              this.actPlannerData.curSVG = mySVG.SVG;
-              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$d.debug('new SVG by SVG tausch', {
-                svg: mySVG.SVG,
-                rule: myRule,
-                layer: mySVG.Layer,
-                AVC: mySVG.AVC,
-                AVO: mySVG.AVO,
-                AVU: mySVG.AVU,
-                AVN: mySVG.AVN,
-                AVS: mySVG.AVS,
-                HasAVL: mySVG.HasAVL,
-                HasAVR: mySVG.HasAVR
-              });
-              if (isNaN(mySVG.Layer)) {
-                this.actPlannerData.layer = 20;
-              } else {
-                this.actPlannerData.layer = Number(mySVG.Layer);
-              }
-              break;
-            }
-          }
-        } else if (plannerCatArt.hasTopSvg) {
-          newSVGFile = true;
-        }
-        if (!newSVGFile) {
-          var _plannerCatArt$topSvg;
-          LOG$d.error(new DivaUtils.DivaError('No SVG found for current configuration', {
-            code: 'WC_0011',
-            custom: {
-              formulas: (_plannerCatArt$topSvg = plannerCatArt.topSvgsWithFormula) === null || _plannerCatArt$topSvg === void 0 ? void 0 : _plannerCatArt$topSvg.map(function (item) {
-                return DivaUtils__default["default"].getRuleByFormula(item.JsFormula, _this4.catalogCodex, _this4.CatalogData.multiselectOptions);
-              }),
-              catalogName: this.CatalogData.catalogName,
-              catalogCodex: this.catalogCodex,
-              ArticleCodex: this.articleCodex,
-              variantDesc: this.articleVariantDesc(),
-              variantValues: this.VariantValues
-            }
-          }));
-        }
-      }
-      if (svgChangedViaSvgTausch || this.article.doUpdatePlannerSize) {
-        if (this.article.newPossibleAVRFilters) {
-          this.avr = this.article.newPossibleAVRFilters;
-          this.article.newPossibleAVRFilters = undefined;
-        }
-        if (this.article.newPossibleAVLFilters) {
-          this.avl = this.article.newPossibleAVLFilters;
-          this.article.newPossibleAVLFilters = undefined;
-        }
-      }
-    }
-
     /**
      * this function return the config and material info of article. This is used for the planner visualisation
      */
@@ -27696,17 +27897,17 @@ var DivaArticle = /*#__PURE__*/function () {
     key: "addOptionStateFromArticleToPlannerData",
     value: function addOptionStateFromArticleToPlannerData(ret, alternateRenderInfo) {
       var articleOptions = this.getArticleOptionStatesWithOptionsForPrint();
-      var _iterator26 = _createForOfIteratorHelper$6(articleOptions),
-        _step26;
+      var _iterator25 = _createForOfIteratorHelper$6(articleOptions),
+        _step25;
       try {
-        for (_iterator26.s(); !(_step26 = _iterator26.n()).done;) {
-          var ops = _step26.value;
+        for (_iterator25.s(); !(_step25 = _iterator25.n()).done;) {
+          var ops = _step25.value;
           this.addOptionStateToPlannerData(ret, ops, alternateRenderInfo);
         }
       } catch (err) {
-        _iterator26.e(err);
+        _iterator25.e(err);
       } finally {
-        _iterator26.f();
+        _iterator25.f();
       }
       for (var key in this.article.partlistArticles) {
         var partlistArticle = this.article.partlistArticles[key];
@@ -27754,11 +27955,11 @@ var DivaArticle = /*#__PURE__*/function () {
     key: "getAccessoireMATData",
     value: function getAccessoireMATData(onString) {
       var MAT = [];
-      var _iterator27 = _createForOfIteratorHelper$6(this.articleOptionStates),
-        _step27;
+      var _iterator26 = _createForOfIteratorHelper$6(this.articleOptionStates),
+        _step26;
       try {
-        for (_iterator27.s(); !(_step27 = _iterator27.n()).done;) {
-          var ops = _step27.value;
+        for (_iterator26.s(); !(_step26 = _iterator26.n()).done;) {
+          var ops = _step26.value;
           var opt = void 0;
           if (!ops.val) continue;
           opt = ops.optionCodex;
@@ -27771,9 +27972,9 @@ var DivaArticle = /*#__PURE__*/function () {
           });
         }
       } catch (err) {
-        _iterator27.e(err);
+        _iterator26.e(err);
       } finally {
-        _iterator27.f();
+        _iterator26.f();
       }
       return MAT;
     }
@@ -27815,11 +28016,11 @@ var DivaArticle = /*#__PURE__*/function () {
     value: function getVariantBasketData() {
       var variantBasketData = [];
       var articleOptions = this.getArticleOptionStatesWithOptionsForPrint();
-      var _iterator28 = _createForOfIteratorHelper$6(articleOptions),
-        _step28;
+      var _iterator27 = _createForOfIteratorHelper$6(articleOptions),
+        _step27;
       try {
-        for (_iterator28.s(); !(_step28 = _iterator28.n()).done;) {
-          var ops = _step28.value;
+        for (_iterator27.s(); !(_step27 = _iterator27.n()).done;) {
+          var ops = _step27.value;
           var OP = ops.optionCodex;
           if (ops) {
             var _ops$idmVariantenArt2;
@@ -27886,9 +28087,9 @@ var DivaArticle = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator28.e(err);
+        _iterator27.e(err);
       } finally {
-        _iterator28.f();
+        _iterator27.f();
       }
       return variantBasketData;
     }
@@ -28059,17 +28260,17 @@ var DivaArticle = /*#__PURE__*/function () {
     value: function cloneArticle(set) {
       var clonedArticle = new DivaArticle(set, this.basketId, _objectSpread$e({}, this.article), this.article.catalogArticle, set.CatalogData);
       clonedArticle.articleOptionStatesData = [];
-      var _iterator29 = _createForOfIteratorHelper$6(this.articleOptionStates),
-        _step29;
+      var _iterator28 = _createForOfIteratorHelper$6(this.articleOptionStates),
+        _step28;
       try {
-        for (_iterator29.s(); !(_step29 = _iterator29.n()).done;) {
-          var ops = _step29.value;
+        for (_iterator28.s(); !(_step28 = _iterator28.n()).done;) {
+          var ops = _step28.value;
           clonedArticle.articleOptionStatesData.push(ops.cloneOptionState(clonedArticle.getIsConfigSingle));
         }
       } catch (err) {
-        _iterator29.e(err);
+        _iterator28.e(err);
       } finally {
-        _iterator29.f();
+        _iterator28.f();
       }
       clonedArticle.initEngine();
       clonedArticle.article.partlistArticles = {};
@@ -28853,11 +29054,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                 article.engine.calcConfigPrice(maxPriceOfGroupCodex, 2);
                 if (!calcVariantPrice) {
                   //evtl articlebild berechnen
-                  article.updateArticleImage();
-                  //evtl SVG tausch berechnen
-                  article.updateArticleSVG();
-                  //evtl opv images mit rules updaten
-                  article.updateOPVImages();
+                  article.engine.updateConfigDependentMedia();
                 }
               }
               return _context13.abrupt("return", partlistArticlesToLoad);
@@ -31961,7 +32158,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-c69b3878.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-c86a867a.js'); });
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -38842,7 +39039,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-d6432b8f.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-f934cd76.js'); });
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -38850,7 +39047,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-ef5c3148.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-155a1350.js'); });
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -38858,7 +39055,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-9f249cce.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-5265bb28.js'); });
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -38866,7 +39063,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-f3dd2eb3.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-d827b665.js'); });
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -40294,7 +40491,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return Promise.resolve().then(function () { return require('./Host3DSignalR-3a115c3a.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-0cf034d7.js'); });
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -41851,7 +42048,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-cbeee277.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-0f11b8a8.js'); });
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -41862,7 +42059,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-7aabb48a.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-4afb83f1.js'); });
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];