@crystaldesign/web-planner-logic 24.15.0-beta.26 → 24.15.0-beta.28

package/build/cjs/{index-160da76f.js → index-da2bfc63.js}

@@ -43,8 +43,8 @@ var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 })();
 
 var _excluded = ["type"];
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$h = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var JsonDataCache = /*#__PURE__*/function () {
   function JsonDataCache() {
@@ -249,8 +249,8 @@ var DivaApiHandler = /*#__PURE__*/function () {
               if (this.getApplicationEnvironment() == 'WEB' && (_this$apiConfig2 = this.apiConfig) !== null && _this$apiConfig2 !== void 0 && _this$apiConfig2.api2.web) {
                 api2Url = this.apiConfig.api2.web;
               }
-              _context2.t0 = _objectSpread$g;
-              _context2.t1 = _objectSpread$g({}, init.config.headers);
+              _context2.t0 = _objectSpread$h;
+              _context2.t1 = _objectSpread$h({}, init.config.headers);
               _context2.t2 = {};
               _context2.next = 20;
               return this.getSessionGuid('V', undefined, this.OrganizationId, api2Url);
@@ -18202,8 +18202,8 @@ var OptionCatalogData = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$f = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 
 /*
@@ -18221,7 +18221,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "catalogPlannerArticles", {});
     //Dictionary
     _defineProperty__default["default"](this, "origProperties", []);
-    // private catalogPlannerArticlesView: CatalogPlannerArticleViewDataType[]; //array von CatalogPlannerArticleViewDataType
+    _defineProperty__default["default"](this, "variantsPriceHashObj", {});
     _defineProperty__default["default"](this, "plannerPaletteViewInfo", void 0);
     _defineProperty__default["default"](this, "_api", void 0);
     this._api = api;
@@ -19770,12 +19770,24 @@ var DivaCatalogData = /*#__PURE__*/function () {
       }
       return updateMask;
     }()
+  }, {
+    key: "getVariantsPriceByHash",
+    value: function getVariantsPriceByHash(hash) {
+      return this.variantsPriceHashObj[hash];
+    }
+  }, {
+    key: "setVariantsPriceByHash",
+    value: function setVariantsPriceByHash(hash, data) {
+      this.variantsPriceHashObj[hash] = _objectSpread$g(_objectSpread$g({}, data), {}, {
+        calcTime: -1
+      });
+    }
   }]);
 }();
 var mapMask = function mapMask(mask) {
   var _mappedMask$catalog;
   if (!mask) return undefined;
-  var mappedMask = _objectSpread$f({}, mask);
+  var mappedMask = _objectSpread$g({}, mask);
   var mapProperties = function mapProperties(props) {
     if (Array.isArray(props)) return props;
     var mappedProps = [];
@@ -19938,6 +19950,8 @@ var DivaCatalogHandler = /*#__PURE__*/function () {
 }();
 var catalogHandlerInstance = new DivaCatalogHandler();
 
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ArticleOptionStateData = /*#__PURE__*/function () {
   function ArticleOptionStateData(option, defaultOPV, useIsOptionDefinedWarning) {
     _classCallCheck__default["default"](this, ArticleOptionStateData);
@@ -20570,6 +20584,18 @@ var ArticleOptionStateData = /*#__PURE__*/function () {
     set: function set(val) {
       this.articleOptionState.isDifferentOption = val;
     }
+  }, {
+    key: "cloneOptionState",
+    value: function cloneOptionState() {
+      var clonedOps = new ArticleOptionStateData(this.option);
+      clonedOps.articleOptionState = _objectSpread$f(_objectSpread$f({}, this.articleOptionState), {}, {
+        imageOPVs: _objectSpread$f({}, this.articleOptionState.imageOPVs),
+        visibleOPVs: _objectSpread$f({}, this.articleOptionState.visibleOPVs),
+        visibleOPVsImages: _objectSpread$f({}, this.articleOptionState.visibleOPVsImages),
+        favoriteOPVs: _objectSpread$f({}, this.articleOptionState.favoriteOPVs)
+      });
+      return clonedOps;
+    }
   }]);
 }();
 
@@ -21285,6 +21311,15 @@ var DivaArticle = /*#__PURE__*/function () {
       var _this$partListParentA6, _this$partListParentA7, _this$partListParentA8, _this$partListParentA9, _this$accessoireParen3, _this$accessoireParen4, _this$accessoireParen5, _this$accessoireParen6;
       return _objectSpread$e(_objectSpread$e(_objectSpread$e(_objectSpread$e({}, (_this$partListParentA6 = (_this$partListParentA7 = this.partListParentArticle) === null || _this$partListParentA7 === void 0 ? void 0 : _this$partListParentA7.articleOptionStatesData) !== null && _this$partListParentA6 !== void 0 ? _this$partListParentA6 : {}), (_this$partListParentA8 = (_this$partListParentA9 = this.partListParentArticle) === null || _this$partListParentA9 === void 0 ? void 0 : _this$partListParentA9.getReqursiveArticleOptionStates()) !== null && _this$partListParentA8 !== void 0 ? _this$partListParentA8 : {}), (_this$accessoireParen3 = (_this$accessoireParen4 = this.accessoireParentArticle) === null || _this$accessoireParen4 === void 0 ? void 0 : _this$accessoireParen4.articleOptionStatesData) !== null && _this$accessoireParen3 !== void 0 ? _this$accessoireParen3 : {}), (_this$accessoireParen5 = (_this$accessoireParen6 = this.accessoireParentArticle) === null || _this$accessoireParen6 === void 0 ? void 0 : _this$accessoireParen6.getReqursiveArticleOptionStates()) !== null && _this$accessoireParen5 !== void 0 ? _this$accessoireParen5 : {});
     }
+  }, {
+    key: "getAllArticleOptionsStates",
+    value: function getAllArticleOptionsStates() {
+      var opss = _objectSpread$e({}, this.articleOptionStates);
+      for (var key in this.partlistArticles) {
+        opss = _objectSpread$e(_objectSpread$e({}, opss), this.partlistArticles[key].getAllArticleOptionsStates());
+      }
+      return opss;
+    }
   }, {
     key: "clearArticleOptionStates",
     value: function clearArticleOptionStates() {
@@ -21920,6 +21955,22 @@ var DivaArticle = /*#__PURE__*/function () {
       }
       return ret;
     }
+  }, {
+    key: "VisibleVariantValues",
+    get: function get() {
+      var ret = {};
+      var opss = this.getAllArticleOptionsStates();
+      for (var key in opss) {
+        var myOPS = opss[key];
+        if (myOPS.isDoShow && myOPS.valCodex && !myOPS.isInvisible && !['I', 'U'].includes(myOPS.headerPosVariationType)) {
+          ret[myOPS.optionCodex] = myOPS.valCodex;
+          if (myOPS.freeText) {
+            ret[myOPS.optionCodex + '_val'] = myOPS.freeText;
+          }
+        }
+      }
+      return ret;
+    }
   }, {
     key: "VariantValuesWithoutFreetext",
     get: function get() {
@@ -23779,7 +23830,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-838e8206.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-dfaaec5b.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -24696,6 +24747,19 @@ var DivaArticle = /*#__PURE__*/function () {
     get: function get() {
       return this.article.catalogArticle.shelfHeightAbove;
     }
+  }, {
+    key: "cloneArticle",
+    value: function cloneArticle(set) {
+      var clonedArticle = new DivaArticle(set, this.basketId, _objectSpread$e({}, this.article), this.article.catalogArticle, set.CatalogData);
+      for (var key in this.articleOptionStates) {
+        clonedArticle.articleOptionStates[key] = this.articleOptionStates[key].cloneOptionState();
+      }
+      clonedArticle.article.partlistArticles = {};
+      for (var _key6 in this.partlistArticles) {
+        clonedArticle.article.partlistArticles[_key6] = this.partlistArticles[_key6].cloneArticle(set);
+      }
+      return clonedArticle;
+    }
   }]);
 }();
 
@@ -25028,33 +25092,37 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               _context6.next = 42;
               break;
             case 53:
+              if (!(from !== 'calcVariant')) {
+                _context6.next = 65;
+                break;
+              }
               _i = 0;
-            case 54:
+            case 55:
               if (!(_i < targetArticlesToUpdate.length)) {
-                _context6.next = 64;
+                _context6.next = 65;
                 break;
               }
               _actArticle2 = articles[targetArticlesToUpdate[_i]];
               if (!(_actArticle2.CatalogData.doubleClickOnConfig || _actArticle2.hasType1Dependencies)) {
-                _context6.next = 61;
+                _context6.next = 62;
                 break;
               }
-              _context6.next = 59;
-              return this.updateCfgValues(_actArticle2, valuesArray[_i], {}, undefined, undefined, from == 'calcVariant');
-            case 59:
-              _context6.next = 61;
-              return this.updateCfgValues(_actArticle2, valuesArray[_i], {}, undefined, undefined, from == 'calcVariant');
-            case 61:
+              _context6.next = 60;
+              return this.updateCfgValues(_actArticle2, valuesArray[_i], {});
+            case 60:
+              _context6.next = 62;
+              return this.updateCfgValues(_actArticle2, valuesArray[_i], {});
+            case 62:
               _i++;
-              _context6.next = 54;
+              _context6.next = 55;
               break;
-            case 64:
+            case 65:
               return _context6.abrupt("return", {
                 newEDOExtraArticles: newEDOExtraArticles,
                 targetArticlesToUpdate: targetArticlesToUpdate,
                 partlistArticlesToLoad: partlistArticlesToLoad
               });
-            case 65:
+            case 66:
             case "end":
               return _context6.stop();
           }
@@ -25376,12 +25444,14 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               //danach Preise berechnen
               if (!dontCalcPrice) {
                 article.calcConfigPrice(maxPriceOfGroupCodex, 2);
-                //evtl articlebild berechnen
-                article.updateArticleImage();
-                //evtl SVG tausch berechnen
-                article.updateArticleSVG();
-                //evtl opv images mit rules updaten
-                article.updateOPVImages();
+                if (!calcVariantPrice) {
+                  //evtl articlebild berechnen
+                  article.updateArticleImage();
+                  //evtl SVG tausch berechnen
+                  article.updateArticleSVG();
+                  //evtl opv images mit rules updaten
+                  article.updateOPVImages();
+                }
               }
               return _context10.abrupt("return", partlistArticlesToLoad);
             case 18:
@@ -27138,7 +27208,6 @@ var DivaSet = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "doorPlannerHandler", void 0);
     _defineProperty__default["default"](this, "matchingProduct", void 0);
     _defineProperty__default["default"](this, "matchingOrigProduct", void 0);
-    _defineProperty__default["default"](this, "_dontCalcPricePreviewDueToPerformanceIssues", false);
     _defineProperty__default["default"](this, "_supplierColors", void 0);
     /**Favorits state */
     _defineProperty__default["default"](this, "_handlelingCurrentFavorites", false);
@@ -28296,7 +28365,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-9719686c.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-21094fea.js'); });
             case 3:
               _yield$import = _context4.sent;
               DoorPlanner = _yield$import["default"];
@@ -28411,14 +28480,6 @@ var DivaSet = /*#__PURE__*/function () {
       }
       return false;
     }
-  }, {
-    key: "dontCalcPricePreviewDueToPerformanceIssues",
-    get: function get() {
-      return this._dontCalcPricePreviewDueToPerformanceIssues;
-    },
-    set: function set(val) {
-      this._dontCalcPricePreviewDueToPerformanceIssues = val;
-    }
   }, {
     key: "plannerHandler",
     get: function get() {
@@ -28474,6 +28535,19 @@ var DivaSet = /*#__PURE__*/function () {
       var _this$ViewConfig2;
       return !!(this.catalogData.configAccessoires || this.catalogData.configOnlyAccessoires || (_this$ViewConfig2 = this.ViewConfig) !== null && _this$ViewConfig2 !== void 0 && _this$ViewConfig2.selectAccessoiresWithToggle);
     }
+  }, {
+    key: "cloneSet",
+    value: function cloneSet() {
+      var clonedSet = new DivaSet(this.CatalogData, this.setId, {}, _objectSpread$c({}, this.setState));
+      clonedSet.setData = this.setData;
+      var articles = this.getDivaArticles();
+      //if boxplanner needs to be working, the planner needs to be cloned too
+      //this.setState.plannerHandler = this.setState.plannerHandler.clonePlannerHandler(clonedSet, this);
+      for (var key in articles) {
+        clonedSet.addArticle(articles[key].cloneArticle(clonedSet));
+      }
+      return clonedSet;
+    }
   }]);
 }();
 
@@ -30841,6 +30915,8 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
           //if a opv has isFreeText = true and its selected a Textbox sould appear in the OptionValue
           //if the text is empty the opv is really selected
           contentItemId: item.contentItemId,
+          isOPVG: item.isOPVG,
+          isParentOPVG: item.parent.codex.startsWith('OPV'),
           groupContentItemId: item.groupContentItemId,
           idmOpgOptionCodex: idmOpgOptionCodex,
           idmOpgValCodex: idmOpgValCodex,
@@ -32767,45 +32843,31 @@ var DivaSetHandler = /*#__PURE__*/function () {
     key: "variantsEvaluator",
     value: (function () {
       var _variantsEvaluator = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee23(set, configItems, configStepKey, paletteType) {
-        var _set$ViewConfig, _configItems$;
-        var opt, calcVariantsForPricePreview, previewType, _set$api$ReturnToFrom, _set$CatalogData$show, targetArticles, startTime, variants, endTime;
+        var _set$ViewConfig, _set$api$ReturnToFrom, _set$CatalogData$show;
+        var opt, previewType, targetArticles, variants;
         return _regeneratorRuntime__default["default"].wrap(function _callee23$(_context25) {
           while (1) switch (_context25.prev = _context25.next) {
             case 0:
               opt = set.CatalogData.getOption(configItems[0].op);
-              if (opt) {
-                _context25.next = 3;
-                break;
-              }
-              return _context25.abrupt("return", configItems);
-            case 3:
-              calcVariantsForPricePreview = false;
               previewType = (_set$ViewConfig = set.ViewConfig) === null || _set$ViewConfig === void 0 ? void 0 : _set$ViewConfig.pricePreview;
-              if (previewType) {
-                calcVariantsForPricePreview = !set.dontCalcPricePreviewDueToPerformanceIssues && !((_set$api$ReturnToFrom = set.api.ReturnToFromParams) !== null && _set$api$ReturnToFrom !== void 0 && _set$api$ReturnToFrom.includes('PRODUCTCREATOR')) && !opt.showOnSeparatTabgroup && (!((_set$CatalogData$show = set.CatalogData.showPricePreviewOnlyOnOptions) !== null && _set$CatalogData$show !== void 0 && _set$CatalogData$show.length) || set.CatalogData.showPricePreviewOnlyOnOptions.includes(opt.codex));
-              }
-              if (set.PlannerMode === 'BoxPlanner') calcVariantsForPricePreview = false;
-              if (paletteType == 'GAL' && ((_configItems$ = configItems[0]) === null || _configItems$ === void 0 ? void 0 : _configItems$.groupName) === undefined || paletteType == 'TEXTBOX' || paletteType == 'NUMBERBOX' || paletteType == 'RANGE') {
-                calcVariantsForPricePreview = false;
-              }
-              if (!calcVariantsForPricePreview) {
-                _context25.next = 17;
+              if (!(!opt || !previewType || opt.mergeIDMToOPG || opt.isDescribingState || configItems[0].isOPVG || configItems.length == 1 || opt.showOnSeparatTabgroup || set.PlannerMode === 'BoxPlanner' || ['TEXTBOX', 'NUMBERBOX', 'RANGE'].includes(paletteType) || (_set$api$ReturnToFrom = set.api.ReturnToFromParams) !== null && _set$api$ReturnToFrom !== void 0 && _set$api$ReturnToFrom.includes('PRODUCTCREATOR') || (_set$CatalogData$show = set.CatalogData.showPricePreviewOnlyOnOptions) !== null && _set$CatalogData$show !== void 0 && _set$CatalogData$show.length && !set.CatalogData.showPricePreviewOnlyOnOptions.includes(opt.codex))) {
+                _context25.next = 4;
                 break;
               }
+              return _context25.abrupt("return", configItems);
+            case 4:
               targetArticles = set.configTree.getTargetArticles(configStepKey);
-              startTime = new Date();
-              _context25.next = 13;
-              return this.calcVariants(set, configItems, targetArticles);
-            case 13:
+              _context25.next = 7;
+              return this.calcVariants(set, configItems, targetArticles, opt.codex);
+            case 7:
               variants = _context25.sent;
-              endTime = new Date();
-              if (endTime.getTime() - startTime.getTime() > 1000) set.dontCalcPricePreviewDueToPerformanceIssues = true;
               if (previewType) {
-                this.calcPricePreview(set, configItems, variants);
+                configItems.map(function (c, index) {
+                  return c.pricePreviewPromise = variants[index];
+                });
               }
-            case 17:
               return _context25.abrupt("return", configItems);
-            case 18:
+            case 10:
             case "end":
               return _context25.stop();
           }
@@ -32819,109 +32881,154 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "calcVariants",
     value: function () {
-      var _calcVariants = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(set, configItems, targetArticles) {
-        var variantInfo, articles, origConfigs, i, item, variantValues, doUseConfigs, targetIndex, origConfig, key, _targetIndex;
+      var _calcVariants = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee24(realSet, configItems, targetArticles, optionCodex) {
+        var variantInfo, set, articles, origPrice, articleConfigs, parentNames, i, configItem;
         return _regeneratorRuntime__default["default"].wrap(function _callee24$(_context26) {
           while (1) switch (_context26.prev = _context26.next) {
             case 0:
               variantInfo = [];
+              set = realSet.cloneSet();
               articles = set.getDivaArticles();
-              origConfigs = targetArticles.map(function (basketId) {
-                return articles[basketId].VariantValues;
+              origPrice = set.getSetPrice();
+              articleConfigs = targetArticles.map(function (basketId) {
+                return {
+                  config: articles[basketId].VisibleVariantValues,
+                  articleCodex: articles[basketId].articleCodex
+                };
               });
+              parentNames = [];
               i = 0;
-            case 4:
+            case 7:
               if (!(i < configItems.length)) {
-                _context26.next = 23;
+                _context26.next = 20;
                 break;
               }
-              item = configItems[i];
-              variantValues = {};
-              doUseConfigs = false;
-              targetIndex = 0;
-            case 9:
-              if (!(targetIndex < origConfigs.length)) {
-                _context26.next = 19;
+              configItem = configItems[i];
+              if (!(configItem.parentName && configItem.isParentOPVG)) {
+                _context26.next = 16;
                 break;
               }
-              origConfig = origConfigs[targetIndex];
-              for (key in origConfig) {
-                if (key == item.op || key == item.idmOpgOptionCodex) {
-                  doUseConfigs = true;
-                } else if (doUseConfigs) variantValues[key] = origConfig[key];
+              if (!parentNames.includes(configItem.parentName)) {
+                _context26.next = 15;
+                break;
               }
-              variantValues[item.op] = item.codex;
-              if (item.idmOpgOptionCodex) variantValues[item.idmOpgOptionCodex] = item.idmOpgValCodex;
-              _context26.next = 16;
-              return this.updateArticlesOptionStatesOfActSet(set, variantValues, [targetArticles[targetIndex]], true, 'calcVariant');
+              variantInfo.push(variantInfo[i - 1]);
+              return _context26.abrupt("continue", 17);
+            case 15:
+              parentNames.push(configItem.parentName);
             case 16:
-              targetIndex++;
-              _context26.next = 9;
-              break;
-            case 19:
-              variantInfo.push({
-                price: set.getSetPrice(),
-                variants: set.getGeneralVariantValues(targetArticles),
-                opt: item.op
-              });
-            case 20:
+              variantInfo.push(this.getVariant(set, configItem, articleConfigs, targetArticles, optionCodex, origPrice, i, variantInfo[i - 1]));
+            case 17:
               i++;
-              _context26.next = 4;
+              _context26.next = 7;
               break;
-            case 23:
-              _targetIndex = 0;
-            case 24:
-              if (!(_targetIndex < origConfigs.length)) {
-                _context26.next = 30;
-                break;
-              }
-              _context26.next = 27;
-              return this.updateArticlesOptionStatesOfActSet(set, origConfigs[_targetIndex], [targetArticles[_targetIndex]], true);
-            case 27:
-              _targetIndex++;
-              _context26.next = 24;
-              break;
-            case 30:
+            case 20:
               return _context26.abrupt("return", variantInfo);
-            case 31:
+            case 21:
             case "end":
               return _context26.stop();
           }
         }, _callee24, this);
       }));
-      function calcVariants(_x85, _x86, _x87) {
+      function calcVariants(_x85, _x86, _x87, _x88) {
         return _calcVariants.apply(this, arguments);
       }
       return calcVariants;
     }()
   }, {
-    key: "calcPricePreview",
-    value: function calcPricePreview(set, configItems, variantsInfo) {
-      var _set$ViewConfig2;
-      var previewType = (_set$ViewConfig2 = set.ViewConfig) === null || _set$ViewConfig2 === void 0 ? void 0 : _set$ViewConfig2.pricePreview;
-      var origPrice = set.getSetPrice();
-      var firstPrice;
-      if (configItems.length < 20) {
-        for (var i = 0; i < configItems.length; i++) {
-          var item = configItems[i];
-          var variant = variantsInfo[i];
-          switch (previewType) {
-            case 'fromCurrentPrice':
-              item.deltaPrice = variant.price - origPrice;
+    key: "getVariant",
+    value: function () {
+      var _getVariant = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25(set, item, origConfigs, targetArticles, optionCodex, origPrice, index, previousPromise) {
+        var firstPrice, startTime, doUseConfigs, hashVariantValues, variantValues, i, origConfig, key, hash, dataHash, _i5, endTime, calcTime, priceObj;
+        return _regeneratorRuntime__default["default"].wrap(function _callee25$(_context27) {
+          while (1) switch (_context27.prev = _context27.next) {
+            case 0:
+              firstPrice = undefined;
+              if (!previousPromise) {
+                _context27.next = 7;
+                break;
+              }
+              _context27.next = 4;
+              return previousPromise;
+            case 4:
+              firstPrice = _context27.sent.firstPrice;
+              _context27.next = 8;
               break;
-            case 'fromBasePrice':
-              if (firstPrice === undefined) {
-                firstPrice = variant.price;
-                item.deltaPrice = 0;
-              } else {
-                item.deltaPrice = variant.price - firstPrice;
+            case 7:
+              firstPrice = set.getSetPrice();
+            case 8:
+              startTime = new Date();
+              doUseConfigs = false;
+              hashVariantValues = [];
+              variantValues = [];
+              for (i = 0; i < origConfigs.length; i++) {
+                hashVariantValues[i] = {
+                  articleCodex: origConfigs[i].articleCodex
+                };
+                variantValues[i] = {};
+                origConfig = origConfigs[i].config;
+                for (key in origConfig) {
+                  if (key == item.op || key == item.idmOpgOptionCodex) {
+                    doUseConfigs = true;
+                  } else if (doUseConfigs) {
+                    variantValues[i][key] = origConfig[key];
+                  }
+                  hashVariantValues[i][key] = origConfig[key];
+                }
+                variantValues[i][item.op] = item.codex;
+                hashVariantValues[i][item.op] = item.codex;
+                if (item.idmOpgOptionCodex) variantValues[i][item.idmOpgOptionCodex] = item.idmOpgValCodex;
+              }
+              hash = DivaUtils.md5(JSON.stringify(hashVariantValues));
+              dataHash = set.CatalogData.getVariantsPriceByHash(hash);
+              if (!dataHash) {
+                _context27.next = 18;
+                break;
               }
+              LOG$9.debug('calcingVariant from Option:' + optionCodex + ' and index: ' + index + ' hash hit!');
+              return _context27.abrupt("return", _objectSpread$9(_objectSpread$9({}, dataHash), {}, {
+                origPrice: origPrice,
+                firstPrice: firstPrice
+              }));
+            case 18:
+              _i5 = 0;
+            case 19:
+              if (!(_i5 < origConfigs.length)) {
+                _context27.next = 25;
+                break;
+              }
+              _context27.next = 22;
+              return this.updateArticlesOptionStatesOfActSet(set, variantValues[_i5], [targetArticles[_i5]], true, 'calcVariant');
+            case 22:
+              _i5++;
+              _context27.next = 19;
               break;
+            case 25:
+              endTime = new Date();
+              calcTime = endTime.getTime() - startTime.getTime();
+              LOG$9.debug('calcingVariant Time from Option:' + optionCodex + ' and index: ' + index + ' time is: ' + calcTime + 'ms');
+              priceObj = {
+                price: set.getSetPrice(),
+                opt: item.op,
+                opv: item.codex,
+                origPrice: origPrice,
+                calcTime: calcTime,
+                firstPrice: firstPrice,
+                variantValues: hashVariantValues
+              };
+              set.CatalogData.setVariantsPriceByHash(hash, priceObj);
+              return _context27.abrupt("return", priceObj);
+            case 31:
+            case "end":
+              return _context27.stop();
           }
-        }
+        }, _callee25, this);
+      }));
+      function getVariant(_x89, _x90, _x91, _x92, _x93, _x94, _x95, _x96) {
+        return _getVariant.apply(this, arguments);
       }
-    }
-
+      return getVariant;
+    }()
     /**
      * This function updates the option values of the articles
      * @param myValues
@@ -32931,11 +33038,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateArticlesOptionStatesOfActSet",
     value: (function () {
-      var _updateArticlesOptionStatesOfActSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee25(set, myValues, targetArticlesWithNewValues, ignorePlanner, from, partlistDiff) {
+      var _updateArticlesOptionStatesOfActSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(set, myValues, targetArticlesWithNewValues, ignorePlanner, from, partlistDiff) {
         var _Object$keys, _resultPlannerUpdate;
         var elementsToDeleteById, targetArticlesToUpdateOnly, retValues, diff, resultPlannerUpdate, targetElementIds, i, articleToDel, index, articleCopyRelation, newArticle;
-        return _regeneratorRuntime__default["default"].wrap(function _callee25$(_context27) {
-          while (1) switch (_context27.prev = _context27.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee26$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
             case 0:
               elementsToDeleteById = [];
               targetArticlesToUpdateOnly = [];
@@ -32947,54 +33054,54 @@ var DivaSetHandler = /*#__PURE__*/function () {
               } else {
                 targetArticlesToUpdateOnly = targetArticlesWithNewValues;
               }
-              _context27.next = 5;
+              _context28.next = 5;
               return articleHandlerInstance.updateArticlesOptionStates(myValues, targetArticlesWithNewValues, targetArticlesToUpdateOnly, set.getDivaArticles(true), from);
             case 5:
-              retValues = _context27.sent;
+              retValues = _context28.sent;
               targetArticlesWithNewValues = retValues.targetArticlesToUpdate;
               if (!(retValues.partlistArticlesToLoad.length > 0)) {
-                _context27.next = 16;
+                _context28.next = 16;
                 break;
               }
               diff = targetArticlesToUpdateOnly.length - Object.keys(set.getDivaArticles()).length;
               if (!(diff == 0 || partlistDiff == diff)) {
-                _context27.next = 14;
+                _context28.next = 14;
                 break;
               }
-              _context27.next = 12;
+              _context28.next = 12;
               return articleHandlerInstance.correctPartlistArticlesByGlobalRules(set, retValues.partlistArticlesToLoad, set.CatalogData.bundleRules, {
                 doChange: false
               });
             case 12:
-              _context27.next = 16;
+              _context28.next = 16;
               break;
             case 14:
-              _context27.next = 16;
+              _context28.next = 16;
               return this.updateArticlesOptionStatesOfActSet(set, {}, targetArticlesWithNewValues, ignorePlanner, from, diff);
             case 16:
               if (!(from !== 'initializingPartlist')) {
-                _context27.next = 19;
+                _context28.next = 19;
                 break;
               }
-              _context27.next = 19;
+              _context28.next = 19;
               return this.updateEdoArticles(set, retValues.newEDOExtraArticles);
             case 19:
               if (set.CatalogData.hasAlternateRenderings) set.CatalogData.updateAlternativeRenderings(set.getDivaArticles());
 
               //Update Planner - check if planner data changed
               if (!(!ignorePlanner && from != 'calcVariant')) {
-                _context27.next = 48;
+                _context28.next = 49;
                 break;
               }
               targetElementIds = this.getElementIdsOfArticles(set, targetArticlesWithNewValues);
-              _context27.next = 24;
+              _context28.next = 24;
               return set.plannerHandler.updatePlanner(set.getSetId(), myValues, targetElementIds);
             case 24:
-              resultPlannerUpdate = _context27.sent;
+              resultPlannerUpdate = _context28.sent;
               i = 0;
             case 26:
               if (!(i < resultPlannerUpdate.elemIdsToDelete.length)) {
-                _context27.next = 35;
+                _context28.next = 35;
                 break;
               }
               articleToDel = set.getArticleByElementId(resultPlannerUpdate.elemIdsToDelete[i]);
@@ -33002,15 +33109,15 @@ var DivaSetHandler = /*#__PURE__*/function () {
               if (index > -1) {
                 targetArticlesWithNewValues.splice(index, 1);
               }
-              _context27.next = 32;
+              _context28.next = 32;
               return this.deleteElementFromSetByElemId(set, resultPlannerUpdate.elemIdsToDelete[i], false, resultPlannerUpdate.deletionType);
             case 32:
               i++;
-              _context27.next = 26;
+              _context28.next = 26;
               break;
             case 35:
               if (!(resultPlannerUpdate.elementIdToCopy && resultPlannerUpdate.elementIdToCopy.length > 0)) {
-                _context27.next = 48;
+                _context28.next = 48;
                 break;
               }
               //Todo copy these elements
@@ -33018,20 +33125,20 @@ var DivaSetHandler = /*#__PURE__*/function () {
               i = 0;
             case 38:
               if (!(i < resultPlannerUpdate.elementIdToCopy.length)) {
-                _context27.next = 46;
+                _context28.next = 46;
                 break;
               }
-              _context27.next = 41;
+              _context28.next = 41;
               return this.copyArticleByElementId(set, resultPlannerUpdate.elementIdToCopy[i], resultPlannerUpdate.ignoreOptionsToCopy);
             case 41:
-              newArticle = _context27.sent;
+              newArticle = _context28.sent;
               articleCopyRelation.set(resultPlannerUpdate.elementIdToCopy[i], newArticle.basketId);
             case 43:
               i++;
-              _context27.next = 38;
+              _context28.next = 38;
               break;
             case 46:
-              _context27.next = 48;
+              _context28.next = 48;
               return set.plannerHandler.copyPlannerElements(set.getSetId(), articleCopyRelation, {
                 dpType: resultPlannerUpdate.copyDPType ? resultPlannerUpdate.copyDPType : 'NO',
                 copyType: resultPlannerUpdate.copyType,
@@ -33040,21 +33147,22 @@ var DivaSetHandler = /*#__PURE__*/function () {
               });
             case 48:
               this.updatePosNrOfAccessoiresOfTargetArticles(set, targetArticlesWithNewValues);
+            case 49:
               if (from == 'FromViewClick' && (_Object$keys = Object.keys(myValues)) !== null && _Object$keys !== void 0 && _Object$keys.length) {
                 this.confirmOptionsInMetric(set, [Object.keys(myValues)[0]]);
               }
-              return _context27.abrupt("return", {
+              return _context28.abrupt("return", {
                 articleCountChanged: elementsToDeleteById.length > 0,
                 elementIdsToUpdateSelection: (_resultPlannerUpdate = resultPlannerUpdate) === null || _resultPlannerUpdate === void 0 ? void 0 : _resultPlannerUpdate.elementIdsToUpdateSelection,
                 setId: set.getSetId()
               });
             case 51:
             case "end":
-              return _context27.stop();
+              return _context28.stop();
           }
-        }, _callee25, this);
+        }, _callee26, this);
       }));
-      function updateArticlesOptionStatesOfActSet(_x88, _x89, _x90, _x91, _x92, _x93) {
+      function updateArticlesOptionStatesOfActSet(_x97, _x98, _x99, _x100, _x101, _x102) {
         return _updateArticlesOptionStatesOfActSet.apply(this, arguments);
       }
       return updateArticlesOptionStatesOfActSet;
@@ -33108,63 +33216,63 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateEdoArticles",
     value: function () {
-      var _updateEdoArticles = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee26(set, edoArticlesToLoad) {
-        var oldBasketIds, i, article, newArticles, _i5, _i6;
-        return _regeneratorRuntime__default["default"].wrap(function _callee26$(_context28) {
-          while (1) switch (_context28.prev = _context28.next) {
+      var _updateEdoArticles = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(set, edoArticlesToLoad) {
+        var oldBasketIds, i, article, newArticles, _i6, _i7;
+        return _regeneratorRuntime__default["default"].wrap(function _callee27$(_context29) {
+          while (1) switch (_context29.prev = _context29.next) {
             case 0:
               if (!(set.edoExtraArticles.length > 0 || edoArticlesToLoad.length > 0)) {
-                _context28.next = 22;
+                _context29.next = 22;
                 break;
               }
               oldBasketIds = _toConsumableArray__default["default"](set.edoExtraArticles);
               i = 0;
             case 3:
               if (!(i < set.edoExtraArticles.length)) {
-                _context28.next = 11;
+                _context29.next = 11;
                 break;
               }
               article = set.getArticleByBasketId(set.edoExtraArticles[i]);
               if (!article) {
-                _context28.next = 8;
+                _context29.next = 8;
                 break;
               }
-              _context28.next = 8;
+              _context29.next = 8;
               return this.deleteElementFromSet(set, article);
             case 8:
               i++;
-              _context28.next = 3;
+              _context29.next = 3;
               break;
             case 11:
               set.edoExtraArticles = [];
               newArticles = [];
-              _i5 = 0;
+              _i6 = 0;
             case 14:
-              if (!(_i5 < edoArticlesToLoad.length)) {
-                _context28.next = 21;
+              if (!(_i6 < edoArticlesToLoad.length)) {
+                _context29.next = 21;
                 break;
               }
-              _context28.next = 17;
-              return this.addArticleToActSet(set, edoArticlesToLoad[_i5].ArticleCodex, _objectSpread$9(_objectSpread$9({}, edoArticlesToLoad[_i5]), {}, {
-                basketId: oldBasketIds[_i5]
+              _context29.next = 17;
+              return this.addArticleToActSet(set, edoArticlesToLoad[_i6].ArticleCodex, _objectSpread$9(_objectSpread$9({}, edoArticlesToLoad[_i6]), {}, {
+                basketId: oldBasketIds[_i6]
               }), true);
             case 17:
-              newArticles[_i5] = _context28.sent;
+              newArticles[_i6] = _context29.sent;
             case 18:
-              _i5++;
-              _context28.next = 14;
+              _i6++;
+              _context29.next = 14;
               break;
             case 21:
-              for (_i6 = 0; _i6 < newArticles.length; _i6++) {
-                set.edoExtraArticles.push(newArticles[_i6].basketId);
+              for (_i7 = 0; _i7 < newArticles.length; _i7++) {
+                set.edoExtraArticles.push(newArticles[_i7].basketId);
               }
             case 22:
             case "end":
-              return _context28.stop();
+              return _context29.stop();
           }
-        }, _callee26, this);
+        }, _callee27, this);
       }));
-      function updateEdoArticles(_x94, _x95) {
+      function updateEdoArticles(_x103, _x104) {
         return _updateEdoArticles.apply(this, arguments);
       }
       return updateEdoArticles;
@@ -33330,11 +33438,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "fillOrderLinesAndOrderSets",
     value: function () {
-      var _fillOrderLinesAndOrderSets = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(sets, divaBasketHandler, repairOnly, setPlanner, returnTo) {
+      var _fillOrderLinesAndOrderSets = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28(sets, divaBasketHandler, repairOnly, setPlanner, returnTo) {
         var _set$getMatchingProdu2, _set$getMatchingProdu3;
         var orderSets, basketData, set, setPosNr, _set$getMatchingProdu, key, _set$basketConfigVari, _OrderLinesOfActSet$, _set, catalogData, articles, newOrderSet, OrderLinesOfActSet, ret, _key2, i, _basketData$OrderSets, _basketData$SetPlanne, oderSetsIsInActPlanning, setId, j;
-        return _regeneratorRuntime__default["default"].wrap(function _callee27$(_context29) {
-          while (1) switch (_context29.prev = _context29.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee28$(_context30) {
+          while (1) switch (_context30.prev = _context30.next) {
             case 0:
               orderSets = [];
               basketData = divaBasketHandler.actBasket;
@@ -33347,29 +33455,29 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
               basketData.MatchingProductId = set === null || set === void 0 || (_set$getMatchingProdu2 = set.getMatchingProduct()) === null || _set$getMatchingProdu2 === void 0 ? void 0 : _set$getMatchingProdu2._id;
               basketData.MatchingProductRetailerArticleNr = set === null || set === void 0 || (_set$getMatchingProdu3 = set.getMatchingProduct()) === null || _set$getMatchingProdu3 === void 0 || (_set$getMatchingProdu3 = _set$getMatchingProdu3.retailerArticleNr) === null || _set$getMatchingProdu3 === void 0 ? void 0 : _set$getMatchingProdu3.toString();
-              _context29.t0 = _regeneratorRuntime__default["default"].keys(sets);
+              _context30.t0 = _regeneratorRuntime__default["default"].keys(sets);
             case 9:
-              if ((_context29.t1 = _context29.t0()).done) {
-                _context29.next = 31;
+              if ((_context30.t1 = _context30.t0()).done) {
+                _context30.next = 31;
                 break;
               }
-              key = _context29.t1.value;
+              key = _context30.t1.value;
               setPosNr++;
               _set = sets[key];
               catalogData = _set.CatalogData;
               articles = _set.getDivaArticles();
-              _context29.next = 17;
+              _context30.next = 17;
               return this.getOrderSet(_set, catalogData, setPosNr, divaBasketHandler.actDivaNr, repairOnly, returnTo);
             case 17:
-              newOrderSet = _context29.sent;
+              newOrderSet = _context30.sent;
               basketData.setIsPlanning(_set.SetType == 'PLANNING' ? '1' : '0');
               OrderLinesOfActSet = articleHandlerInstance.getOrderLinesOfArticles(articles, repairOnly, !!((_set$basketConfigVari = _set.basketConfigVariants) !== null && _set$basketConfigVari !== void 0 && _set$basketConfigVari.length));
               articleHandlerInstance.checkForRoundingError(OrderLinesOfActSet, _set);
               if (OrderLinesOfActSet.length) {
-                _context29.next = 23;
+                _context30.next = 23;
                 break;
               }
-              return _context29.abrupt("continue", 9);
+              return _context30.abrupt("continue", 9);
             case 23:
               OrderLinesOfActSet = divaBasketHandler.divaWWSHandler.repairWWSFlags(articles, OrderLinesOfActSet);
               if (newOrderSet.SetImage == '' && (_OrderLinesOfActSet$ = OrderLinesOfActSet[0]) !== null && _OrderLinesOfActSet$ !== void 0 && _OrderLinesOfActSet$.Image && _set.PlannerMode == 'No') {
@@ -33391,7 +33499,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
               newOrderSet.setOrderLines(OrderLinesOfActSet);
               orderSets.push(newOrderSet);
-              _context29.next = 9;
+              _context30.next = 9;
               break;
             case 31:
               //fill diva3DProject for renderings & AR Converter
@@ -33399,7 +33507,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               i = 0;
             case 33:
               if (!(i < ((_basketData$OrderSets = basketData.OrderSets) === null || _basketData$OrderSets === void 0 ? void 0 : _basketData$OrderSets.length))) {
-                _context29.next = 48;
+                _context30.next = 48;
                 break;
               }
               oderSetsIsInActPlanning = false;
@@ -33407,18 +33515,18 @@ var DivaSetHandler = /*#__PURE__*/function () {
               j = 0;
             case 37:
               if (!(j < orderSets.length)) {
-                _context29.next = 44;
+                _context30.next = 44;
                 break;
               }
               if (!(orderSets[j].SetID == setId)) {
-                _context29.next = 41;
+                _context30.next = 41;
                 break;
               }
               oderSetsIsInActPlanning = true;
-              return _context29.abrupt("break", 44);
+              return _context30.abrupt("break", 44);
             case 41:
               j++;
-              _context29.next = 37;
+              _context30.next = 37;
               break;
             case 44:
               if (!oderSetsIsInActPlanning && !((_basketData$SetPlanne = basketData.SetPlannerInfos) !== null && _basketData$SetPlanne !== void 0 && _basketData$SetPlanne.InvolvedSetIds.includes(setId))) {
@@ -33426,7 +33534,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
             case 45:
               i++;
-              _context29.next = 33;
+              _context30.next = 33;
               break;
             case 48:
               basketData.SetPlannerInfos = setPlanner ? this.getSetPlannerInfos(Object.keys(sets), orderSets) : undefined;
@@ -33435,14 +33543,14 @@ var DivaSetHandler = /*#__PURE__*/function () {
               } else {
                 basketData.setOrderSets(orderSets);
               }
-              return _context29.abrupt("return", basketData);
+              return _context30.abrupt("return", basketData);
             case 51:
             case "end":
-              return _context29.stop();
+              return _context30.stop();
           }
-        }, _callee27, this);
+        }, _callee28, this);
       }));
-      function fillOrderLinesAndOrderSets(_x96, _x97, _x98, _x99, _x100) {
+      function fillOrderLinesAndOrderSets(_x105, _x106, _x107, _x108, _x109) {
         return _fillOrderLinesAndOrderSets.apply(this, arguments);
       }
       return fillOrderLinesAndOrderSets;
@@ -33526,11 +33634,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getOrderSet",
     value: function () {
-      var _getOrderSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee28(set, catalogData, posNr, divaNr, repairOnly, returnTo) {
+      var _getOrderSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(set, catalogData, posNr, divaNr, repairOnly, returnTo) {
         var _Object$values$, _set$getDivaArticles, _hqRenderScript, _set$basketConfigVari2, _set$basketConfigVari3;
         var dontGenerateImages, orderSet, GroupType, plannerData, setImage, urlToPlanning2D, alternateSetImages, hqRenderScript, dimensions, promise3D, promise2D, promise3DAlternate, _yield$Promise$all, _yield$Promise$all2, _yield$Promise$all2$, promiseHQRenderScript, _yield$Promise$all3, _yield$Promise$all4, plannerWarnings, bruttoPrice;
-        return _regeneratorRuntime__default["default"].wrap(function _callee28$(_context30) {
-          while (1) switch (_context30.prev = _context30.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee29$(_context31) {
+          while (1) switch (_context31.prev = _context31.next) {
             case 0:
               dontGenerateImages = repairOnly || returnTo == 'DONT_SAVE_BASKET' || returnTo == 'TEST_CONFIGURATORLOGIC';
               DivaUtils__default["default"].startSpanOfApm('GetSet3D und 2D Image');
@@ -33542,7 +33650,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               hqRenderScript = undefined;
               dimensions = {};
               if (dontGenerateImages) {
-                _context30.next = 28;
+                _context31.next = 28;
                 break;
               }
               promise3D = this.getSetImage(set, typeof window === 'undefined');
@@ -33550,10 +33658,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
               if (!catalogData.dontSaveAlternativeRenderings && set.CatalogData.alternateRenderingsForSummary.length) {
                 promise3DAlternate = this.getAlternateSetImages(set);
               }
-              _context30.next = 15;
+              _context31.next = 15;
               return Promise.all([promise3D, promise2D, promise3DAlternate]);
             case 15:
-              _yield$Promise$all = _context30.sent;
+              _yield$Promise$all = _context31.sent;
               _yield$Promise$all2 = _slicedToArray__default["default"](_yield$Promise$all, 3);
               _yield$Promise$all2$ = _yield$Promise$all2[0];
               setImage = _yield$Promise$all2$.url;
@@ -33561,10 +33669,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
               urlToPlanning2D = _yield$Promise$all2[1];
               alternateSetImages = _yield$Promise$all2[2];
               promiseHQRenderScript = this.getHQRenderScript(set, divaNr);
-              _context30.next = 25;
+              _context31.next = 25;
               return Promise.all([promiseHQRenderScript]);
             case 25:
-              _yield$Promise$all3 = _context30.sent;
+              _yield$Promise$all3 = _context31.sent;
               _yield$Promise$all4 = _slicedToArray__default["default"](_yield$Promise$all3, 1);
               hqRenderScript = _yield$Promise$all4[0];
             case 28:
@@ -33626,14 +33734,14 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 MetaData: !((_set$basketConfigVari2 = set.basketConfigVariants) !== null && _set$basketConfigVari2 !== void 0 && _set$basketConfigVari2.length) ? set.MetaData : undefined,
                 MetaData_locales: !((_set$basketConfigVari3 = set.basketConfigVariants) !== null && _set$basketConfigVari3 !== void 0 && _set$basketConfigVari3.length) ? set.MetaData_locales : undefined
               });
-              return _context30.abrupt("return", orderSet);
+              return _context31.abrupt("return", orderSet);
             case 34:
             case "end":
-              return _context30.stop();
+              return _context31.stop();
           }
-        }, _callee28, this);
+        }, _callee29, this);
       }));
-      function getOrderSet(_x101, _x102, _x103, _x104, _x105, _x106) {
+      function getOrderSet(_x110, _x111, _x112, _x113, _x114, _x115) {
         return _getOrderSet.apply(this, arguments);
       }
       return getOrderSet;
@@ -33646,31 +33754,31 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getSetImage",
     value: (function () {
-      var _getSetImage = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee29(set, overwriteLastSavedRendering) {
+      var _getSetImage = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30(set, overwriteLastSavedRendering) {
         var is3D, _yield$set$plannerHan, dimensions, url;
-        return _regeneratorRuntime__default["default"].wrap(function _callee29$(_context31) {
-          while (1) switch (_context31.prev = _context31.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee30$(_context32) {
+          while (1) switch (_context32.prev = _context32.next) {
             case 0:
               is3D = ['3DImage', '3DCOMB', 'BoxPlanner', 'RTViewer'].includes(set.getPlannerMode());
               if (!is3D) {
-                _context31.next = 10;
+                _context32.next = 10;
                 break;
               }
-              _context31.next = 4;
+              _context32.next = 4;
               return set.plannerHandler.saveSetImage(overwriteLastSavedRendering);
             case 4:
-              _context31.next = 6;
+              _context32.next = 6;
               return set.plannerHandler.getSetImageAsUrl(set.getSetId());
             case 6:
-              _yield$set$plannerHan = _context31.sent;
+              _yield$set$plannerHan = _context32.sent;
               dimensions = _yield$set$plannerHan.dimensions;
               url = _yield$set$plannerHan.url;
-              return _context31.abrupt("return", {
+              return _context32.abrupt("return", {
                 dimensions: dimensions,
                 url: url
               });
             case 10:
-              return _context31.abrupt("return", {
+              return _context32.abrupt("return", {
                 dimensions: {
                   w: undefined,
                   h: undefined,
@@ -33679,11 +33787,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
               });
             case 11:
             case "end":
-              return _context31.stop();
+              return _context32.stop();
           }
-        }, _callee29);
+        }, _callee30);
       }));
-      function getSetImage(_x107, _x108) {
+      function getSetImage(_x116, _x117) {
         return _getSetImage.apply(this, arguments);
       }
       return getSetImage;
@@ -33691,45 +33799,45 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getHQRenderScript",
     value: function () {
-      var _getHQRenderScript = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee30(set, divaNr) {
+      var _getHQRenderScript = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31(set, divaNr) {
         var is3D, hqRenderScript, createdHQRenderScript;
-        return _regeneratorRuntime__default["default"].wrap(function _callee30$(_context32) {
-          while (1) switch (_context32.prev = _context32.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee31$(_context33) {
+          while (1) switch (_context33.prev = _context33.next) {
             case 0:
               //if not 3d
               is3D = ['3DImage', '3DCOMB', 'BoxPlanner', 'RTViewer'].includes(set.getPlannerMode());
               if (is3D) {
-                _context32.next = 3;
+                _context33.next = 3;
                 break;
               }
-              return _context32.abrupt("return");
+              return _context33.abrupt("return");
             case 3:
-              _context32.next = 5;
+              _context33.next = 5;
               return set.plannerHandler.saveSetHQRenderScript();
             case 5:
               hqRenderScript = set.plannerHandler.getSetHQRenderScript();
               if (hqRenderScript) {
-                _context32.next = 8;
+                _context33.next = 8;
                 break;
               }
-              return _context32.abrupt("return");
+              return _context33.abrupt("return");
             case 8:
-              _context32.next = 10;
+              _context33.next = 10;
               return set.api.postHQRenderScript({
                 divaNr: divaNr,
                 hqRenderscript: hqRenderScript,
                 organization: set.api.OrganizationId
               });
             case 10:
-              createdHQRenderScript = _context32.sent;
-              return _context32.abrupt("return", createdHQRenderScript);
+              createdHQRenderScript = _context33.sent;
+              return _context33.abrupt("return", createdHQRenderScript);
             case 12:
             case "end":
-              return _context32.stop();
+              return _context33.stop();
           }
-        }, _callee30);
+        }, _callee31);
       }));
-      function getHQRenderScript(_x109, _x110) {
+      function getHQRenderScript(_x118, _x119) {
         return _getHQRenderScript.apply(this, arguments);
       }
       return getHQRenderScript;
@@ -33743,34 +33851,34 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getAlternateSetImages",
     value: (function () {
-      var _getAlternateSetImages = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee31(set) {
+      var _getAlternateSetImages = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32(set) {
         var is2D, catalogData, setImages;
-        return _regeneratorRuntime__default["default"].wrap(function _callee31$(_context33) {
-          while (1) switch (_context33.prev = _context33.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee32$(_context34) {
+          while (1) switch (_context34.prev = _context34.next) {
             case 0:
               is2D = !['3DImage', '3DCOMB', 'BoxPlanner'].includes(set.getPlannerMode());
               if (!(is2D || set.onlyRunLogic)) {
-                _context33.next = 3;
+                _context34.next = 3;
                 break;
               }
-              return _context33.abrupt("return", []);
+              return _context34.abrupt("return", []);
             case 3:
               catalogData = set.CatalogData;
-              _context33.next = 6;
+              _context34.next = 6;
               return set.plannerHandler.saveAlternateSetImages(catalogData.catalogCodex, catalogData.catalogGuid);
             case 6:
-              _context33.next = 8;
+              _context34.next = 8;
               return set.plannerHandler.getAlternateSetImagesAsSetImageData(set.getSetId());
             case 8:
-              setImages = _context33.sent;
-              return _context33.abrupt("return", setImages);
+              setImages = _context34.sent;
+              return _context34.abrupt("return", setImages);
             case 10:
             case "end":
-              return _context33.stop();
+              return _context34.stop();
           }
-        }, _callee31);
+        }, _callee32);
       }));
-      function getAlternateSetImages(_x111) {
+      function getAlternateSetImages(_x120) {
         return _getAlternateSetImages.apply(this, arguments);
       }
       return getAlternateSetImages;
@@ -33778,30 +33886,30 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "get2DSetImage",
     value: function () {
-      var _get2DSetImage = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee32(set) {
+      var _get2DSetImage = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee33(set) {
         var urlToPlanning2D, catalogData, planning2DAsJPGBase64;
-        return _regeneratorRuntime__default["default"].wrap(function _callee32$(_context34) {
-          while (1) switch (_context34.prev = _context34.next) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee33$(_context35) {
+          while (1) switch (_context35.prev = _context35.next) {
             case 0:
               urlToPlanning2D = undefined, catalogData = set.CatalogData;
               planning2DAsJPGBase64 = set.getPlanning2DAsJpg();
               if (!(planning2DAsJPGBase64 != undefined && planning2DAsJPGBase64 != '' && planning2DAsJPGBase64 != 'data:,')) {
-                _context34.next = 6;
+                _context35.next = 6;
                 break;
               }
-              _context34.next = 5;
+              _context35.next = 5;
               return set.plannerHandler.saveSet2DImage(set.getSetId(), catalogData.catalogCodex, catalogData.catalogGuid, planning2DAsJPGBase64);
             case 5:
-              urlToPlanning2D = _context34.sent;
+              urlToPlanning2D = _context35.sent;
             case 6:
-              return _context34.abrupt("return", urlToPlanning2D);
+              return _context35.abrupt("return", urlToPlanning2D);
             case 7:
             case "end":
-              return _context34.stop();
+              return _context35.stop();
           }
-        }, _callee32);
+        }, _callee33);
       }));
-      function get2DSetImage(_x112) {
+      function get2DSetImage(_x121) {
         return _get2DSetImage.apply(this, arguments);
       }
       return get2DSetImage;
@@ -33840,25 +33948,25 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addOrderSetArticlesToExistingSet",
     value: function () {
-      var _addOrderSetArticlesToExistingSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee33(set, orderSet, lastSetToInitialize) {
-        return _regeneratorRuntime__default["default"].wrap(function _callee33$(_context35) {
-          while (1) switch (_context35.prev = _context35.next) {
+      var _addOrderSetArticlesToExistingSet = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee34(set, orderSet, lastSetToInitialize) {
+        return _regeneratorRuntime__default["default"].wrap(function _callee34$(_context36) {
+          while (1) switch (_context36.prev = _context36.next) {
             case 0:
               //TODO: GLOBAL STUFF
               //this.updateActSet(set);
               orderSet.changeBasketIds();
-              _context35.next = 3;
+              _context36.next = 3;
               return this.initOrderLineArticles(set, orderSet);
             case 3:
-              _context35.next = 5;
+              _context36.next = 5;
               return set.plannerHandler.extendSet(set, orderSet.SetPlanData, lastSetToInitialize);
             case 5:
             case "end":
-              return _context35.stop();
+              return _context36.stop();
           }
-        }, _callee33, this);
+        }, _callee34, this);
       }));
-      function addOrderSetArticlesToExistingSet(_x113, _x114, _x115) {
+      function addOrderSetArticlesToExistingSet(_x122, _x123, _x124) {
         return _addOrderSetArticlesToExistingSet.apply(this, arguments);
       }
       return addOrderSetArticlesToExistingSet;
@@ -34909,7 +35017,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-8be4005d.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-c4d1e168.js'); });
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -34917,7 +35025,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-f2984134.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-1b73cbfd.js'); });
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -34925,7 +35033,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-481240a0.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-ee336e6a.js'); });
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -34933,7 +35041,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-3e711eba.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-7919d59c.js'); });
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -36447,7 +36555,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-90a40f43.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-59a8e225.js'); });
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -38006,7 +38114,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-4d70aaa5.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-39b7e0e6.js'); });
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -38017,7 +38125,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-7592406c.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-c4c1b982.js'); });
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -38958,6 +39066,31 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
     value: function updateCamPosition(cam) {
       return this.handler3D.updateCamPosition(cam);
     }
+  }, {
+    key: "clonePlannerHandler",
+    value: function clonePlannerHandler(set, origSet) {
+      var _this6 = this;
+      var clone = new DivaPlannerHandler(true);
+      clone.initPlanner(set.getSetState, {
+        updatePlannerRendering: function updatePlannerRendering() {},
+        updatePlannerHqRenderScript: function updatePlannerHqRenderScript() {},
+        setRotationOrbitCube: function setRotationOrbitCube() {},
+        onRoomListLoaded: function onRoomListLoaded() {},
+        getOrigConfiguration: function getOrigConfiguration() {
+          return {};
+        },
+        doAllowSetPlanner: function doAllowSetPlanner() {
+          return false;
+        },
+        updatePlannerMsgContainer: function updatePlannerMsgContainer() {}
+      });
+      var setData = DivaUtils__default["default"].encodeBase64(JSON.stringify(set.plannerHandler.savePlanner(origSet.getSetId())));
+      this.plannerList.forEach(function (v) {
+        clone.plannerList.set(set.getSetId(), v.clonePlanner(set, _this6.plannerIDCount, setData));
+        _this6.plannerIDCount++;
+      });
+      return clone;
+    }
   }]);
 }();