@crystaldesign/web-planner-logic 24.12.0-rc.9 → 24.12.1

package/build/esm/{index-06932812.js → index-3870ea62.js}

@@ -15916,9 +15916,9 @@ var OptionValueCatalogData = /*#__PURE__*/function () {
       _mask$properties;
     _classCallCheck(this, OptionValueCatalogData);
     _defineProperty(this, "opv", void 0);
-    /**
-     * this function mapps the ral colors to color groups for the color filtering
-     * @returns
+    /**
+     * this function mapps the ral colors to color groups for the color filtering
+     * @returns
      */
     _defineProperty(this, "mapRALColorToGroup", function () {
       var _this$opv$rals;
@@ -16981,15 +16981,15 @@ var CatalogArticleData = /*#__PURE__*/function () {
     key: "getOPTDefaultInVisible",
     value: function getOPTDefaultInVisible(optionCodex) {
       return this.catalogArticle.articleOptions[optionCodex].isInvisible;
-      /*if (this.catalogArticle.articleOptions[optionCodex]) {
-              return this.catalogArticle.articleOptions[optionCodex].isInvisible;
-          }
+      /*if (this.catalogArticle.articleOptions[optionCodex]) {
+              return this.catalogArticle.articleOptions[optionCodex].isInvisible;
+          }
           return false;*/
     }
 
-    /*following functions contain Loadingprocess of the ArticleData recived by the API. It includes 
-      loading more specific Articles Information like "articleRelations" && "partListArticles" && "j3D"(for Regalplanner z.B. Jutzler)
-      && "articleOptions" && "articleOptionvalues" && "decisions" && "partlistDecisions" && "articlePrices"
+    /*following functions contain Loadingprocess of the ArticleData recived by the API. It includes 
+      loading more specific Articles Information like "articleRelations" && "partListArticles" && "j3D"(for Regalplanner z.B. Jutzler)
+      && "articleOptions" && "articleOptionvalues" && "decisions" && "partlistDecisions" && "articlePrices"
       */
   }, {
     key: "initCatalogPlannerArticle",
@@ -17338,10 +17338,10 @@ var Vector2 = /*#__PURE__*/function () {
       return new Vector2(vec1.x + vec2.x, vec1.y + vec2.y);
     }
 
-    /**
-     * Returns the direction vector from the fromVec to the toVec
-     * @param toVec     The position the direction is pointing to
-     * @param fromVec   The source position of the direction
+    /**
+     * Returns the direction vector from the fromVec to the toVec
+     * @param toVec     The position the direction is pointing to
+     * @param fromVec   The source position of the direction
      */
   }, {
     key: "getDirection",
@@ -17349,10 +17349,10 @@ var Vector2 = /*#__PURE__*/function () {
       return new Vector2(toVec.x - fromVec.x, toVec.y - fromVec.y);
     }
 
-    /**
-     * This function returns the distance between two Vectors (Eucledian)
-     * @param toVec
-     * @param fromVec
+    /**
+     * This function returns the distance between two Vectors (Eucledian)
+     * @param toVec
+     * @param fromVec
      */
   }, {
     key: "getDistance",
@@ -17390,10 +17390,10 @@ var Vector2 = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * This function computes the rotation of a vector around the origin of the coordinate system
-     * @param vec    The position that is rotated
-     * @param angleDeg   The amount of rotation in degrees
+    /**
+     * This function computes the rotation of a vector around the origin of the coordinate system
+     * @param vec    The position that is rotated
+     * @param angleDeg   The amount of rotation in degrees
      */
   }, {
     key: "rotateOrigin",
@@ -17405,11 +17405,11 @@ var Vector2 = /*#__PURE__*/function () {
       return result;
     }
 
-    /**
-     * This function computes the rotation of a vector around a specific rotation point
-     * @param vec   The position that is rotated
-     * @param vecRotCenter  The center of the rotation
-     * @param angleDeg  the amount of rotation in degrees
+    /**
+     * This function computes the rotation of a vector around a specific rotation point
+     * @param vec   The position that is rotated
+     * @param vecRotCenter  The center of the rotation
+     * @param angleDeg  the amount of rotation in degrees
      */
   }, {
     key: "rotateAround",
@@ -17425,10 +17425,10 @@ var Vector2 = /*#__PURE__*/function () {
       return result;
     }
 
-    /**
-     * Returns the angle between the two vectors in radiants
-     * @param vec1
-     * @param vec2
+    /**
+     * Returns the angle between the two vectors in radiants
+     * @param vec1
+     * @param vec2
      */
   }, {
     key: "angleRad",
@@ -17437,10 +17437,10 @@ var Vector2 = /*#__PURE__*/function () {
       return Math.acos(dot);
     }
     //
-    /**
-     *Returns the angle between the two vectors in degrees
-     * @param vec1
-     * @param vec2
+    /**
+     *Returns the angle between the two vectors in degrees
+     * @param vec1
+     * @param vec2
      */
   }, {
     key: "angleDeg",
@@ -18113,8 +18113,8 @@ function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$e = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 
-/*
-Diese KLasse enthält Inforamtion zu einem Catalog (C)
+/*
+Diese KLasse enthält Inforamtion zu einem Catalog (C)
 */
 var DivaCatalogData = /*#__PURE__*/function () {
   function DivaCatalogData(json, orderSet, api, additionalModelInfos) {
@@ -21348,8 +21348,8 @@ var DivaArticle = /*#__PURE__*/function () {
       this.article.doorPlannerData = val;
     }
 
-    /**
-     * return the neighbour on AVR or AVL
+    /**
+     * return the neighbour on AVR or AVL
      */
   }, {
     key: "j3D",
@@ -21878,8 +21878,8 @@ var DivaArticle = /*#__PURE__*/function () {
       }
       return options;
     }
-    /**
-     * If a Accessoire with SVG is not dockable it should still be loaded as an article but not planned and visualized
+    /**
+     * If a Accessoire with SVG is not dockable it should still be loaded as an article but not planned and visualized
      */
   }, {
     key: "doNotDeleteAccWhenNotDocked",
@@ -21989,10 +21989,10 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "checkDefaultGlobalOpt",
     value: function checkDefaultGlobalOpt(optToChange, ignoreOPVIsValid) {
-      /*
-          This function checks if the option that should be changed is a global option, that influenced other options. 
-          If a option To Influence is found, the function checks if the new OPV is valid for this option. If not a warning is printed. If it is valued the option to influence is changed as well. 
-          If the option to influence (eg. OPTBE of Kopfteil) is not configured yet, the optionvalue is set as a default. 
+      /*
+          This function checks if the option that should be changed is a global option, that influenced other options. 
+          If a option To Influence is found, the function checks if the new OPV is valid for this option. If not a warning is printed. If it is valued the option to influence is changed as well. 
+          If the option to influence (eg. OPTBE of Kopfteil) is not configured yet, the optionvalue is set as a default. 
           */
       var actArticleOptionState = this.articleOptionStates;
       //Schauen ob andere Optionen auf gesetzt werden müssen
@@ -23325,8 +23325,8 @@ var DivaArticle = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * @deprecated
+    /**
+     * @deprecated
      */
   }, {
     key: "evalType2Decisions",
@@ -23420,8 +23420,8 @@ var DivaArticle = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * @deprecated
+    /**
+     * @deprecated
      */
   }, {
     key: "checkDisableDecision",
@@ -23584,7 +23584,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-75bc4ec2.js');
+              return import('./ShelfPlanner-f3218c50.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -24049,8 +24049,8 @@ var DivaArticle = /*#__PURE__*/function () {
         }
       }
     }
-    /**
-     * this functions updates the images of OPVs that depend on rules
+    /**
+     * this functions updates the images of OPVs that depend on rules
      */
   }, {
     key: "updateOPVImages",
@@ -24078,9 +24078,9 @@ var DivaArticle = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * this function calculates an Svg to the current configuration if neccessary (SVG Tausch)
-     * if the Article has no SVG Tausch nothing is done
+    /**
+     * 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",
@@ -24169,8 +24169,8 @@ var DivaArticle = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * this function return the config and material info of article. This is used for the planner visualisation
+    /**
+     * this function return the config and material info of article. This is used for the planner visualisation
      */
   }, {
     key: "getPlannerConfigData",
@@ -24314,10 +24314,10 @@ var DivaArticle = /*#__PURE__*/function () {
     }
 
     /********************************************************Artikel speichern*********************************************************/
-    /**
-     * Diese Funktion liefert zu einem Artikel eine oder mehrere Orderline aus. Diese wird im Basket gespeichert und dient zur wiederherstellung eines Artikels!
-     *
-     *  Des weiteren kann es ZubehörOrderlines geben Optionsbaum aus und generiert daraus evtl. Zubehöroderlines??
+    /**
+     * Diese Funktion liefert zu einem Artikel eine oder mehrere Orderline aus. Diese wird im Basket gespeichert und dient zur wiederherstellung eines Artikels!
+     *
+     *  Des weiteren kann es ZubehörOrderlines geben Optionsbaum aus und generiert daraus evtl. Zubehöroderlines??
      */
   }, {
     key: "getVariantBasketData",
@@ -25111,14 +25111,14 @@ var DivaArticleHandler = /*#__PURE__*/function () {
       }
       return setValidVariantValues;
     }()
-    /**
-     * This function recalcs the configuration the a specific Article considering all the different and complicated rules
-     * you can add the newConfigValues to change the configuration. these get set if they are valid and these can influence
-     * other depending configvalues
-     * this includes the Price and the loaded Partlistarticles
-     * @param article specific Article
-     * @param newConfigValues newConfigValues to change the configuration
-     * @param alreadyInitializedValues these Values are filled when the article gets initialized from for expample a BasisKonfigurat. These are more important then default Values which get init by evalSetFeatureDefaultDecisions.
+    /**
+     * This function recalcs the configuration the a specific Article considering all the different and complicated rules
+     * you can add the newConfigValues to change the configuration. these get set if they are valid and these can influence
+     * other depending configvalues
+     * this includes the Price and the loaded Partlistarticles
+     * @param article specific Article
+     * @param newConfigValues newConfigValues to change the configuration
+     * @param alreadyInitializedValues these Values are filled when the article gets initialized from for expample a BasisKonfigurat. These are more important then default Values which get init by evalSetFeatureDefaultDecisions.
      */
   }, {
     key: "updateCfgValues",
@@ -25821,9 +25821,9 @@ var DivaArticleHandler = /*#__PURE__*/function () {
       return ret;
     }
 
-    /**
-     * if prices are calculated due to product rabatt it may be possible that due to rounding rest the sum of all the orderlines is not identical to the overwritten productprice
-     * for that rounding problematic we calculate the rest and add that to an orderline with price.
+    /**
+     * if prices are calculated due to product rabatt it may be possible that due to rounding rest the sum of all the orderlines is not identical to the overwritten productprice
+     * for that rounding problematic we calculate the rest and add that to an orderline with price.
      */
   }, {
     key: "checkForRoundingError",
@@ -25962,14 +25962,14 @@ var DivaArticleHandler = /*#__PURE__*/function () {
       }
       return returnValue;
     }
-    /**
-     * This function corrects the partlist based on different rules.
-     * Rule bundleRules: Combines multiple partlist articles to a combination of them
-     * Rule doChangeRetailArticleNumbers  Based on some rule it can happen, that some SAP or ZKAT numbers have to change. All Partlist articles with an origRetailArticleNr get the new one.
-     * @param article
-     * @param partlistArticlesToLoad
-     * @param bundleRules
-     * @param doChangeRetailArticleNumbers
+    /**
+     * This function corrects the partlist based on different rules.
+     * Rule bundleRules: Combines multiple partlist articles to a combination of them
+     * Rule doChangeRetailArticleNumbers  Based on some rule it can happen, that some SAP or ZKAT numbers have to change. All Partlist articles with an origRetailArticleNr get the new one.
+     * @param article
+     * @param partlistArticlesToLoad
+     * @param bundleRules
+     * @param doChangeRetailArticleNumbers
      */
   }, {
     key: "correctPartlistArticlesByGlobalRules",
@@ -26957,8 +26957,8 @@ var DivaSet = /*#__PURE__*/function () {
     _defineProperty(this, "favoritesChanged", false);
     _defineProperty(this, "setState", void 0);
     _defineProperty(this, "modifiedJ3D", []);
-    /**
-     * This function is called when the docking of two Elements is changed
+    /**
+     * This function is called when the docking of two Elements is changed
      */
     _defineProperty(this, "onDockingChanged", function (elementId1, elementId2, state, dockType) {
       //Suche beide Artikel.
@@ -27079,7 +27079,7 @@ var DivaSet = /*#__PURE__*/function () {
       if (article) return article.basketId;
       return '';
     });
-    /*This function returns the parent Basket Id of an accessoire article. If the article does not exist or the current article is not an accessoire -> return undefined
+    /*This function returns the parent Basket Id of an accessoire article. If the article does not exist or the current article is not an accessoire -> return undefined
      */
     _defineProperty(this, "getParentBasketIdOfElementId", function (elementId) {
       var _article$accessoirePa;
@@ -27445,10 +27445,10 @@ var DivaSet = /*#__PURE__*/function () {
       }
       return setPrice;
     }
-    /**
-     *
-     * @param discoultOnly ignore usecase for "verschönerter" price
-     * @returns
+    /**
+     *
+     * @param discoultOnly ignore usecase for "verschönerter" price
+     * @returns
      */
   }, {
     key: "getBruttoSetPrice",
@@ -27469,9 +27469,9 @@ var DivaSet = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * This function returns the currency of one catalog. it runs through all articles and if one has set a currency, then it is used for the whole set
-     * @returns
+    /**
+     * This function returns the currency of one catalog. it runs through all articles and if one has set a currency, then it is used for the whole set
+     * @returns
      */
   }, {
     key: "getSetPriceFormat",
@@ -27515,10 +27515,10 @@ var DivaSet = /*#__PURE__*/function () {
       }
       return (_this$setState$config = this.setState.configuratorTitle) !== null && _this$setState$config !== void 0 ? _this$setState$config : this.getSetName();
     }
-    /**
-     * This function returns the base parent article of an accessoire. It runs through a chain of accessoires recursively.
-     * If the current article is no Accessoire the function returns himself.
-     * @param accBasketId   BasketID of the accessoire article
+    /**
+     * This function returns the base parent article of an accessoire. It runs through a chain of accessoires recursively.
+     * If the current article is no Accessoire the function returns himself.
+     * @param accBasketId   BasketID of the accessoire article
      */
   }, {
     key: "getBaseParentArticleOfAccessoire",
@@ -27850,8 +27850,8 @@ var DivaSet = /*#__PURE__*/function () {
       }
       return ret;
     }
-    /**
-     * return text thats added to the end of the setName depending on predefined options and their selection (For example Headboards at bed modells)
+    /**
+     * return text thats added to the end of the setName depending on predefined options and their selection (For example Headboards at bed modells)
      */
   }, {
     key: "ProductSetName",
@@ -28117,7 +28117,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 3;
-              return import('./DoorPlanner-6ee992d7.js');
+              return import('./DoorPlanner-c640fd24.js');
             case 3:
               _yield$import = _context4.sent;
               DoorPlanner = _yield$import["default"];
@@ -28191,9 +28191,9 @@ var DivaSet = /*#__PURE__*/function () {
       this._onlyCalcVariants = val;
     }
 
-    /**
-     *
-     * @returns
+    /**
+     *
+     * @returns
      */
   }, {
     key: "getCurrentDisountPercentage",
@@ -28220,9 +28220,9 @@ var DivaSet = /*#__PURE__*/function () {
       this._oldConfigVariants = oldConfigVariants;
     }
 
-    /**
-     * This function returns true when the current Set has a list of static rooms.
-     * This is only the case if the currently loaded catalog in the actSet has a list of rooms and if the configurator itself can display a roomlist
+    /**
+     * This function returns true when the current Set has a list of static rooms.
+     * This is only the case if the currently loaded catalog in the actSet has a list of rooms and if the configurator itself can display a roomlist
      */
   }, {
     key: "hasStaticRoomList",
@@ -29481,10 +29481,10 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * this function checks for the usecase when the user tries to select different opvs at the same option for different elements
-     * This functionality is not supported for an option to have different variants depending on the element
-     * @returns true if the described usecase is really the case
+    /**
+     * this function checks for the usecase when the user tries to select different opvs at the same option for different elements
+     * This functionality is not supported for an option to have different variants depending on the element
+     * @returns true if the described usecase is really the case
      */
   }, {
     key: "checkForInvalidSelection",
@@ -30576,10 +30576,10 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
       }
       return false;
     }
-    /**
-     * diese Funktion überprüft bei der öffnung eines Baskets ob ConfigSingle true sein soll. Dies is abhängig davon ob es eine Option gib mit
-     * headerPosVariationType == "K" wo die selektierten OptionValueCodex sich unterhalb der Artikel unterscheiden
-     * @param optionStatesOfArticles Konfiguration der Artikel
+    /**
+     * diese Funktion überprüft bei der öffnung eines Baskets ob ConfigSingle true sein soll. Dies is abhängig davon ob es eine Option gib mit
+     * headerPosVariationType == "K" wo die selektierten OptionValueCodex sich unterhalb der Artikel unterscheiden
+     * @param optionStatesOfArticles Konfiguration der Artikel
      */
   }, {
     key: "checkIfLoadedArticlesAreConfigSingle",
@@ -30758,6 +30758,34 @@ var DivaProductHandler = /*#__PURE__*/function () {
       }
       return updateProducts;
     }()
+  }, {
+    key: "getBestMatch",
+    value: function getBestMatch(articles, products) {
+      var OPTION_CODEX = 'KOPFTEIL';
+      if (!articles) return;
+      for (var key in articles) {
+        var _article$VariantValue;
+        var article = articles[key];
+        var opv = (_article$VariantValue = article.VariantValues['OPT' + OPTION_CODEX]) === null || _article$VariantValue === void 0 ? void 0 : _article$VariantValue.replace('OPV', '');
+        if (!products || !opv) continue;
+        for (var i = 0; i < products.length; i++) {
+          var _products$i$affiliate;
+          if ((_products$i$affiliate = products[i].affiliate) !== null && _products$i$affiliate !== void 0 && _products$i$affiliate.length) if (this.findOPVCodexInVariantValues(products[i], OPTION_CODEX, opv)) {
+            return products[i];
+          }
+        }
+      }
+      return undefined;
+    }
+  }, {
+    key: "findOPVCodexInVariantValues",
+    value: function findOPVCodexInVariantValues(product, opt, opv) {
+      return product.articles.find(function (article) {
+        return article.variantValues.find(function (variant) {
+          return variant.OPT === opt && variant.OPV === opv;
+        });
+      });
+    }
   }]);
 }();
 var productHandlerInstance = new DivaProductHandler();
@@ -30766,12 +30794,12 @@ function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$8 = DivaUtils.initLog('Planner', 'DIVA-SET-HANDLER');
 
-/*
-    Diese Klasse speichert alle Sets, die in einer Planung sind
-    WICHTIG: jedes Set kann einen anderen Katalog haben
-
-    Hier wird auch der PlannerHandler Initialisiert
-    Der SetHandler bekommt alle Events die auch für den PLannerHandler bestimmt sind  
+/*
+    Diese Klasse speichert alle Sets, die in einer Planung sind
+    WICHTIG: jedes Set kann einen anderen Katalog haben
+
+    Hier wird auch der PlannerHandler Initialisiert
+    Der SetHandler bekommt alle Events die auch für den PLannerHandler bestimmt sind  
 */
 var DivaSetHandler = /*#__PURE__*/function () {
   function DivaSetHandler() {
@@ -31157,11 +31185,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
       return orderSets.length === index + 1 && orderSets[index].OrderLines.length != 0 || !!orderSets[index + 1] && orderSets[index + 1].OrderLines.length === 0;
     }
 
-    /**
-     * When loading a product, the relative position of the whole set should be in the origin.
-     * When a product was saved with position information in the world, the values are corrected here
-     * @param orderSets
-     * @returns
+    /**
+     * When loading a product, the relative position of the whole set should be in the origin.
+     * When a product was saved with position information in the world, the values are corrected here
+     * @param orderSets
+     * @returns
      */
   }, {
     key: "correctPivotPosInOrderSets",
@@ -31277,9 +31305,9 @@ var DivaSetHandler = /*#__PURE__*/function () {
       }
       return initSet;
     }()
-    /**
-     * This function destroyes the plannerHandler of the actSet. For Setplanner. Eventuell von alle sets zerstören - je nach use case
-     * @param doDestroy3DHostConnection  Do clear 3D host connection and clear render Cache
+    /**
+     * This function destroyes the plannerHandler of the actSet. For Setplanner. Eventuell von alle sets zerstören - je nach use case
+     * @param doDestroy3DHostConnection  Do clear 3D host connection and clear render Cache
      */
   }, {
     key: "destroyPlannerHandler",
@@ -31323,8 +31351,8 @@ var DivaSetHandler = /*#__PURE__*/function () {
     value: function getFirstConfigStep(set) {
       return set.configTree.getFirstConfigStepKey();
     }
-    /*
-      This function is called when the user clicks on an Element in the ArticlePalette in the PLANNER TAB
+    /*
+      This function is called when the user clicks on an Element in the ArticlePalette in the PLANNER TAB
       */
   }, {
     key: "addPlannerElement",
@@ -31364,15 +31392,15 @@ var DivaSetHandler = /*#__PURE__*/function () {
       }
       return addPlannerElement;
     }()
-    /**
-     * This function copys an Element. Depending on the planner, copying one element can result in copying multiple elements.
-     * It first creates an article for each planner element to copy.
-     * Then it adds the Elements to the planner
-     * @param setId
-     * @param elementId
-     * @param copyInfo
-     *
-     * @returns this function returns the new selected article
+    /**
+     * This function copys an Element. Depending on the planner, copying one element can result in copying multiple elements.
+     * It first creates an article for each planner element to copy.
+     * Then it adds the Elements to the planner
+     * @param setId
+     * @param elementId
+     * @param copyInfo
+     *
+     * @returns this function returns the new selected article
      */
     )
   }, {
@@ -31450,9 +31478,9 @@ var DivaSetHandler = /*#__PURE__*/function () {
       return set.plannerHandler.getAllViewPlannerElements();
     }
 
-    /**
-     * This function returns all planner elements that do not have an SVG and are an Accessoire of another element. They are visualized in the 3D Client and sent as single elements.
-     * @returns
+    /**
+     * This function returns all planner elements that do not have an SVG and are an Accessoire of another element. They are visualized in the 3D Client and sent as single elements.
+     * @returns
      */
   }, {
     key: "getAllVisualiedNotPlannedElements",
@@ -31486,9 +31514,9 @@ var DivaSetHandler = /*#__PURE__*/function () {
       return set.plannerHandler.get2DViewPlannerBoundingBox();
     }
 
-    /**
-     * This function copys one Article by elementId. It creates a new article with the same attributes as the original and returns it
-     * @param elementId
+    /**
+     * This function copys one Article by elementId. It creates a new article with the same attributes as the original and returns it
+     * @param elementId
      */
   }, {
     key: "copyArticleByElementId",
@@ -32269,12 +32297,12 @@ var DivaSetHandler = /*#__PURE__*/function () {
       }
       return deleteAccessoire;
     }()
-    /**
-     * Invokes a new rendering
-     * @param renderSize
-     * @param planner3DGridEnabled
-     * @param mediaServiceSaveMode
-     * @param alternateRenderInfo   Contains information if the rendering is an alternate rendering  (Zubehörbild)
+    /**
+     * Invokes a new rendering
+     * @param renderSize
+     * @param planner3DGridEnabled
+     * @param mediaServiceSaveMode
+     * @param alternateRenderInfo   Contains information if the rendering is an alternate rendering  (Zubehörbild)
      */
   }, {
     key: "update3DPlannerView",
@@ -32352,10 +32380,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
       return configTreeHandler.fillConfigStepKeysInAccessoireItem([article], set.configTree, (_article$articleRelat = article.articleRelations) !== null && _article$articleRelat !== void 0 ? _article$articleRelat : []);
     }
 
-    /**
-     * This function returns the element ids of a list of articles. The articles are specified by an array of basketIds
-     * @param setId
-     * @param targetArticles
+    /**
+     * This function returns the element ids of a list of articles. The articles are specified by an array of basketIds
+     * @param setId
+     * @param targetArticles
      */
   }, {
     key: "getElementIdsOfArticles",
@@ -32371,10 +32399,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
       return elementIds;
     }
 
-    /**
-     * This function returns the base Parent Article of an Accessoire. it runs through the whole accessoire chain until it finds an article that is not an accessoire.
-     * If the current Article is no accessoire, it returns itself
-     * @param accBasketId   BasketID of the accessoire
+    /**
+     * This function returns the base Parent Article of an Accessoire. it runs through the whole accessoire chain until it finds an article that is not an accessoire.
+     * If the current Article is no accessoire, it returns itself
+     * @param accBasketId   BasketID of the accessoire
      */
   }, {
     key: "getBaseParentArticleOfAccessoire",
@@ -32382,12 +32410,12 @@ var DivaSetHandler = /*#__PURE__*/function () {
       var article = set.getBaseParentArticleOfAccessoire(accBasketId);
       return article;
     }
-    /**
-     * This function changes the State of Config-Single. If it goes form true to false there is a Posibility that now articles have in the same step different values set.
-     * Because of that @param groupedOptions is send aswell to configure all articles with Values of the first article of the Options of @param groupedOptions
-     * @param newIsConfigSingle
-     * @param groupedOptions
-     * @param groupedArticles
+    /**
+     * This function changes the State of Config-Single. If it goes form true to false there is a Posibility that now articles have in the same step different values set.
+     * Because of that @param groupedOptions is send aswell to configure all articles with Values of the first article of the Options of @param groupedOptions
+     * @param newIsConfigSingle
+     * @param groupedOptions
+     * @param groupedArticles
      */
   }, {
     key: "configSingleIsChanged",
@@ -32569,13 +32597,13 @@ var DivaSetHandler = /*#__PURE__*/function () {
       return configItems;
     }
 
-    /**
-     * here if needed the all the visible variants get precalced for price information or to check if a product is in stock
-     * similar usecases where the values need to be precalced like this the usecase can easliy be added and the required infos can be gathered in the function: calcVariants
-     * @param configItems
-     * @param configStepKey
-     * @param paletteType
-     * @returns
+    /**
+     * here if needed the all the visible variants get precalced for price information or to check if a product is in stock
+     * similar usecases where the values need to be precalced like this the usecase can easliy be added and the required infos can be gathered in the function: calcVariants
+     * @param configItems
+     * @param configStepKey
+     * @param paletteType
+     * @returns
      */
   }, {
     key: "variantsEvaluator",
@@ -32736,11 +32764,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function updates the option values of the articles
-     * @param myValues
-     * @param targetArticles
-     * @returns returns true if the configuration changed something in the elementCount (deleted or add a new article)
+    /**
+     * This function updates the option values of the articles
+     * @param myValues
+     * @param targetArticles
+     * @returns returns true if the configuration changed something in the elementCount (deleted or add a new article)
      */
   }, {
     key: "updateArticlesOptionStatesOfActSet",
@@ -33185,8 +33213,8 @@ var DivaSetHandler = /*#__PURE__*/function () {
       return price;
     }
 
-    /**
-     * This function returns the price format of the current catalog
+    /**
+     * This function returns the price format of the current catalog
      */
   }, {
     key: "getActSetPriceFormat",
@@ -33515,10 +33543,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
       }
       return getOrderSet;
     }()
-    /**
-     * This function saves the rendering of the current planning/configuration.  It saves it permanent
-     * @param set
-     * @param overwriteLastSavedRendering   If set to true, it always asks for a new rendering. If false it returns the previously saved rendering (When entering Summary)
+    /**
+     * This function saves the rendering of the current planning/configuration.  It saves it permanent
+     * @param set
+     * @param overwriteLastSavedRendering   If set to true, it always asks for a new rendering. If false it returns the previously saved rendering (When entering Summary)
      */
   }, {
     key: "getSetImage",
@@ -33617,11 +33645,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
       }
       return getHQRenderScript;
     }()
-    /**
-     * This function saves the rendering of the current planning/configuration.  It saves it permanent
-     * The alternateSet Images are returned in a basket compatible datastructure
-     * @param set
-     * @param overwriteLastSavedRendering   If set to true, it always asks for a new rendering. If false it returns the previously saved rendering (When entering Summary)
+    /**
+     * This function saves the rendering of the current planning/configuration.  It saves it permanent
+     * The alternateSet Images are returned in a basket compatible datastructure
+     * @param set
+     * @param overwriteLastSavedRendering   If set to true, it always asks for a new rendering. If false it returns the previously saved rendering (When entering Summary)
      */
   }, {
     key: "getAlternateSetImages",
@@ -33803,8 +33831,8 @@ var DivaBasketHandler = /*#__PURE__*/function () {
     _defineProperty(this, "startProductId", void 0);
     //Only helper variable
     _defineProperty(this, "origConfiguration", {});
-    /**
-     * This function returns the originalConfiguration options
+    /**
+     * This function returns the originalConfiguration options
      */
     _defineProperty(this, "getOrigConfiguration", function () {
       return _this.origConfiguration;
@@ -34775,7 +34803,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-e5a11f30.js');
+              return import('./PfisterWWSHandler-c046e3ee.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -34783,7 +34811,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-bff29a8a.js');
+              return import('./LiviqueWWSHandler-8d2570dd.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -34791,7 +34819,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-e152241d.js');
+              return import('./SeriousBasketHandler-b8e1b0da.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -34799,7 +34827,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-a918f7f0.js');
+              return import('./StandardWWSHandler-a3c5246b.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -34906,9 +34934,9 @@ var ViewPointHandler = /*#__PURE__*/function () {
     this.vpInfosByRoom = new Map();
   }
 
-  /**
-   * This function returns the room from te roomlist info.
-   * @param roomCodex
+  /**
+   * This function returns the room from te roomlist info.
+   * @param roomCodex
    */
   return _createClass(ViewPointHandler, [{
     key: "getRoomInfo",
@@ -34920,10 +34948,10 @@ var ViewPointHandler = /*#__PURE__*/function () {
       }
       return undefined;
     }
-    /**
-     * This function returns the viewpoint from te roomlist info.
-     * @param roomCodex
-     * @param vpCodex
+    /**
+     * This function returns the viewpoint from te roomlist info.
+     * @param roomCodex
+     * @param vpCodex
      */
   }, {
     key: "getVPInfo",
@@ -34951,10 +34979,10 @@ var ViewPointHandler = /*#__PURE__*/function () {
       return this.defaultWhiteroom;
     }
 
-    /**
-     * This function resets the viewpoint.
-     * If the 3d host has retuned some viewpoint information about the rotation - then set it to the start rotation information.
-     * The function returns true, if the orbit cube should be updated
+    /**
+     * This function resets the viewpoint.
+     * If the 3d host has retuned some viewpoint information about the rotation - then set it to the start rotation information.
+     * The function returns true, if the orbit cube should be updated
      */
   }, {
     key: "resetViewPoint",
@@ -35066,11 +35094,11 @@ var ViewPointHandler = /*#__PURE__*/function () {
     }
     //------------------------------------------------Functionen Roomlist------------------------------------------------
 
-    /**
-     * This function handles which roomlist is saved for which category.
-     * This information is used to change the Url to the preview Images of the viewpoints. There it can be that the previewimages vary per category
-     * @param roomlist  The list of codexes of the rooms
-     * @param mainCategory      The main Category of a catalog. e.g. bed / sofa
+    /**
+     * This function handles which roomlist is saved for which category.
+     * This information is used to change the Url to the preview Images of the viewpoints. There it can be that the previewimages vary per category
+     * @param roomlist  The list of codexes of the rooms
+     * @param mainCategory      The main Category of a catalog. e.g. bed / sofa
      */
   }, {
     key: "setMainCategoryOfStaticRoom",
@@ -35086,9 +35114,9 @@ var ViewPointHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     *This function is called when the webPlanner receives the list of rooms with all frontend Viewpoints from the 3D host .
-     * @param roomlist
+    /**
+     *This function is called when the webPlanner receives the list of rooms with all frontend Viewpoints from the 3D host .
+     * @param roomlist
      */
   }, {
     key: "initRoomList",
@@ -35183,25 +35211,25 @@ var ViewPointHandler = /*#__PURE__*/function () {
         roomIsSel = false;
       }
     }
-    /**
-     * Returns all room lists in the String - that contains a list of roomCodexes separated with a ; - that are not cached already. Only these have to be downloaded
-     * @param roomlist
+    /**
+     * Returns all room lists in the String - that contains a list of roomCodexes separated with a ; - that are not cached already. Only these have to be downloaded
+     * @param roomlist
      */
-    /*
-      public getNotChachedRoomlist(roomlist: string[]): string[] {
-          var uncached: string[] = [];
-          for (var i = 0; i < roomlist.length; i++) {
-              var notCached = true;
-              for (var j = 0; j < this.roomListInfo.length; j++) {
-                  if (roomlist[i] == this.roomListInfo[j].codex) {
-                      notCached = false;
-                      break;
-                  }
-              }
-              if (notCached) uncached.push(roomlist[i]);
-          }
-          return uncached;
-      }
+    /*
+      public getNotChachedRoomlist(roomlist: string[]): string[] {
+          var uncached: string[] = [];
+          for (var i = 0; i < roomlist.length; i++) {
+              var notCached = true;
+              for (var j = 0; j < this.roomListInfo.length; j++) {
+                  if (roomlist[i] == this.roomListInfo[j].codex) {
+                      notCached = false;
+                      break;
+                  }
+              }
+              if (notCached) uncached.push(roomlist[i]);
+          }
+          return uncached;
+      }
       */
   }, {
     key: "getStaticRoomList",
@@ -35267,11 +35295,11 @@ var ViewPointHandler = /*#__PURE__*/function () {
       return result;
     }
 
-    /**
-     * This function updates the vpInformation from the host. The information is updated every time a new viewpoint is set
-     * @param roomCodex
-     * @param vpName
-     * @param vpInfo
+    /**
+     * This function updates the vpInformation from the host. The information is updated every time a new viewpoint is set
+     * @param roomCodex
+     * @param vpName
+     * @param vpInfo
      */
   }, {
     key: "setVpInfoByRoomCodex",
@@ -35284,10 +35312,10 @@ var ViewPointHandler = /*#__PURE__*/function () {
       return this.getVpInfoByRoomCodex(roomCodex, vpName);
     }
 
-    /**
-     * Get the vpInformation of the viewPoint on the host.
-     * @param roomCodex
-     * @param vpName
+    /**
+     * Get the vpInformation of the viewPoint on the host.
+     * @param roomCodex
+     * @param vpName
      */
   }, {
     key: "getVpInfoByRoomCodex",
@@ -35301,8 +35329,8 @@ var ViewPointHandler = /*#__PURE__*/function () {
 
     //------------------------------------------------------------Functions needed for 3D Rendering------------------------------------------------------------
 
-    /**
-     * This function returns the shadow Information of the current selected room
+    /**
+     * This function returns the shadow Information of the current selected room
      */
   }, {
     key: "getCurRoomShadowInfo",
@@ -35319,15 +35347,15 @@ var ViewPointHandler = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * This function returns if the current room/VP enables navigation (e.g. weissraum).
-     * Static background rooms disable navigation
+    /**
+     * This function returns if the current room/VP enables navigation (e.g. weissraum).
+     * Static background rooms disable navigation
      */
-    /*
-    public curVPHasStaticBG(): boolean {
-      let vpInfo = this.getVPInfo(this.curRoomCodex, this.curViewPointName);
-      if (vpInfo != undefined) return vpInfo.isStatic;
-      return false;
+    /*
+    public curVPHasStaticBG(): boolean {
+      let vpInfo = this.getVPInfo(this.curRoomCodex, this.curViewPointName);
+      if (vpInfo != undefined) return vpInfo.isStatic;
+      return false;
     }*/
   }, {
     key: "getCurRoomlistVP",
@@ -35676,11 +35704,11 @@ var Rendering = /*#__PURE__*/function () {
     value: function hasUIInfo() {
       return this.uiInfo != '';
     }
-    /**
-     * This function adds a blobImage to the rendering .
-     * It is parsed to a base64 image.
-     * @param blob  The blob contains the image
-     * @param isLayerMask   True if the Image is the layer mask image
+    /**
+     * This function adds a blobImage to the rendering .
+     * It is parsed to a base64 image.
+     * @param blob  The blob contains the image
+     * @param isLayerMask   True if the Image is the layer mask image
      */
   }, {
     key: "addImgAsBlob",
@@ -35893,16 +35921,16 @@ var RenderSettings = /*#__PURE__*/function () {
     }
   }]);
 }();
-/*
- * don't lower without checking boxspring !Multiple times:
- * set image get's "pre-called" when switching into checkout,
- * this reduces loading time and works fine. However on Boxspring
- * there is no checkout, thats why the pre-call and the real get
- * renderings get called at the same time, which causes
- * !this.handler3D.hasLastSavedRendering() to be true.
- * And if hasLastSavedRendering is true there won't happen the request
- * and the waiting time for getlastsavedrendering is lower than normal.
- * (Due To no interval)
+/*
+ * don't lower without checking boxspring !Multiple times:
+ * set image get's "pre-called" when switching into checkout,
+ * this reduces loading time and works fine. However on Boxspring
+ * there is no checkout, thats why the pre-call and the real get
+ * renderings get called at the same time, which causes
+ * !this.handler3D.hasLastSavedRendering() to be true.
+ * And if hasLastSavedRendering is true there won't happen the request
+ * and the waiting time for getlastsavedrendering is lower than normal.
+ * (Due To no interval)
  */
 _defineProperty(RenderSettings, "TIMEOUT_WAITFORSAVEDRENDERING_MS", 9000);
 
@@ -35984,10 +36012,10 @@ var PlannerHandler3D = /*#__PURE__*/function () {
     _defineProperty(this, "todoAfterLogin", void 0);
     _defineProperty(this, "jwt", void 0);
     _defineProperty(this, "latestCamera", void 0);
-    /**
-     * This function is called from the connectionHandler when something happens during requesting rendering.
-     * Eg. there is no free renderClient
-     * @param info
+    /**
+     * This function is called from the connectionHandler when something happens during requesting rendering.
+     * Eg. there is no free renderClient
+     * @param info
      */
     _defineProperty(this, "onErrorRequestingRendering", function (hash, size, option) {
       var rendering = _this.waitForRenderings.get(hash);
@@ -36062,9 +36090,9 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       this.jwt = jwt;
     }
 
-    /**
-     * This function handels the initialization of the viewpoints of a whiteroom
-     * @param standardWhiteRoom
+    /**
+     * This function handels the initialization of the viewpoints of a whiteroom
+     * @param standardWhiteRoom
      */
   }, {
     key: "initializeViewPoint",
@@ -36102,10 +36130,10 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       }
       return initializeViewPoint;
     }()
-    /**
-     * This function is called to load the viewPoint lists associated to a list of room Indices. Contains an array of all static rooms
-     * @param staticRoomList
-     * @param catalogMainCategory   Die Warengruppe des Catalogs mit diesen Räumen
+    /**
+     * This function is called to load the viewPoint lists associated to a list of room Indices. Contains an array of all static rooms
+     * @param staticRoomList
+     * @param catalogMainCategory   Die Warengruppe des Catalogs mit diesen Räumen
      */
     )
   }, {
@@ -36145,9 +36173,9 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       }
       return initializeStaticRoomList;
     }()
-    /**
-     * This function sets all the callback methods that are used to communicate with the view
-     * @param params
+    /**
+     * This function sets all the callback methods that are used to communicate with the view
+     * @param params
      */
     )
   }, {
@@ -36189,7 +36217,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-f028ca78.js');
+              return import('./Host3DSignalR-aa3a4b4d.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -36306,12 +36334,12 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "handleReceiveRendering",
     value:
-    /**
-     * This function is called when a rendering is sent over the socketIO of the MediaService
-     *
-     * @param divaNr
-     * @param hash
-     * @param buffer
+    /**
+     * This function is called when a rendering is sent over the socketIO of the MediaService
+     *
+     * @param divaNr
+     * @param hash
+     * @param buffer
      */
     function handleReceiveRendering(params) {
       LOG$4.debug('handleReceiveRendering ' + params.hash + '; SameMode: ' + params.saveMode);
@@ -36351,10 +36379,10 @@ var PlannerHandler3D = /*#__PURE__*/function () {
     }
     //-----------------------------------Private methods---------------------------------------------
 
-    /**
-     * This function is called when a new rendering has to be sent to the frontend for visualization.
-     * This function is called in the DivaWebPlanner and sent do the view
-     * @param rendering
+    /**
+     * This function is called when a new rendering has to be sent to the frontend for visualization.
+     * This function is called in the DivaWebPlanner and sent do the view
+     * @param rendering
      */
   }, {
     key: "updatePlannerRendering",
@@ -36367,11 +36395,11 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       this.updatePlannerRenderingInView(rendering);
     }
 
-    /**
-     * This function is called, when a rendering is finished downloading.
-     * This contains the additional RenderInfo Json string, the rendering itself and the layermask (if needed)
-     * @param hash
-     * @param rendering
+    /**
+     * This function is called, when a rendering is finished downloading.
+     * This contains the additional RenderInfo Json string, the rendering itself and the layermask (if needed)
+     * @param hash
+     * @param rendering
      */
   }, {
     key: "checkRenderingReady",
@@ -36382,8 +36410,8 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       LOG$4.debug('Send to view. CurrentHash: ' + hash + '; lastRequestedHash: ' + this.lastRequestedRenderHash);
       return true;
     }
-    /**
-     * This function returns true if an image is still rendered. Sometimes it can happen, that an image gets lost. In This case this function deletes it from the images to wait.
+    /**
+     * This function returns true if an image is still rendered. Sometimes it can happen, that an image gets lost. In This case this function deletes it from the images to wait.
      */
   }, {
     key: "checkWaitForImage",
@@ -36410,10 +36438,10 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       return true;
     }
 
-    /**
-     * This function computes the renderWidth and renderHeight that must be requested. This depends if a background img is used, or if the images are loaded from the cache.
-     * @param containerWidth
-     * @param containerHeight
+    /**
+     * This function computes the renderWidth and renderHeight that must be requested. This depends if a background img is used, or if the images are loaded from the cache.
+     * @param containerWidth
+     * @param containerHeight
      */
   }, {
     key: "adjustRenderSize",
@@ -36443,8 +36471,8 @@ var PlannerHandler3D = /*#__PURE__*/function () {
 
     //-----------------------------------Methods called from PlannerHandler----------------------------
 
-    /**
-     * Returns the rendering that is currently displayed on the screen
+    /**
+     * Returns the rendering that is currently displayed on the screen
      */
   }, {
     key: "getCurrRendering",
@@ -36459,8 +36487,8 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * This function returns the last rendering that was saved. Everytime the application enters the summary page - a Rendering is saved temporarily and returns an url.
+    /**
+     * This function returns the last rendering that was saved. Everytime the application enters the summary page - a Rendering is saved temporarily and returns an url.
      */
   }, {
     key: "getLastSavedRendering",
@@ -36517,8 +36545,8 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       return !!this.lastSavedRendering;
     }
 
-    /**
-     * This function returns the last alternate renderings that were saved. Everytime the application enters the summary page - a Rendering is saved temporarily and returns an url.
+    /**
+     * This function returns the last alternate renderings that were saved. Everytime the application enters the summary page - a Rendering is saved temporarily and returns an url.
      */
   }, {
     key: "getLastSavedAlternateRenderings",
@@ -36576,8 +36604,8 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       }
       return getLastSavedAlternateRenderings;
     }()
-    /**
-     * This function returns the structure of the planningJson Data. This planningJson is used by the 3D renderer to parse the current scene.
+    /**
+     * This function returns the structure of the planningJson Data. This planningJson is used by the 3D renderer to parse the current scene.
      */
     )
   }, {
@@ -36622,20 +36650,20 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       };
     }
 
-    /**
-     * This function is used to get a new rendering from the 3D Host
-     * @param divaNr    The current DivaNr
-     * @param planningData  The construction information of the current planning
-     * @param width         The width of the requested image
-     * @param height        The height of the requested image
-     * @param isFullscreenRendering     Is the image a fullscreen Rendering
-     * @param planner3DGridEnabled      When the planner3D Grid is enabled - request a rendering and a layermask
-     * @param mediaServiceSaveMode    Specifies if the rendering should only streamed from the renderer to the client - or if it should be saved temporarily by the media service.
-     * @param catalogCodex              The CatalogCodex in the planning
-     * @param catalogGUID               The CatalogGUID in the planning
-     * @param forceReloadPlanning       Force reload whole planning even if only viewPoint has changed. This is used when for example no 3D Render Client has loaded the current planning
-     * @param camera  The RTV Camera Information for Unity/RTV KOMBI
-     * @param useLatestCamera should the latest camera be used ? default yes when requesting the start viewpoint via the configurator button not
+    /**
+     * This function is used to get a new rendering from the 3D Host
+     * @param divaNr    The current DivaNr
+     * @param planningData  The construction information of the current planning
+     * @param width         The width of the requested image
+     * @param height        The height of the requested image
+     * @param isFullscreenRendering     Is the image a fullscreen Rendering
+     * @param planner3DGridEnabled      When the planner3D Grid is enabled - request a rendering and a layermask
+     * @param mediaServiceSaveMode    Specifies if the rendering should only streamed from the renderer to the client - or if it should be saved temporarily by the media service.
+     * @param catalogCodex              The CatalogCodex in the planning
+     * @param catalogGUID               The CatalogGUID in the planning
+     * @param forceReloadPlanning       Force reload whole planning even if only viewPoint has changed. This is used when for example no 3D Render Client has loaded the current planning
+     * @param camera  The RTV Camera Information for Unity/RTV KOMBI
+     * @param useLatestCamera should the latest camera be used ? default yes when requesting the start viewpoint via the configurator button not
      */
   }, {
     key: "request3D",
@@ -36809,10 +36837,10 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       return true;
     }
 
-    /**
-     *
-     * @param planningData
-     * @returns
+    /**
+     *
+     * @param planningData
+     * @returns
      */
   }, {
     key: "getProductHash",
@@ -36856,10 +36884,10 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function is caleld when the navigation in the frontend changed (zoom/fullscreen/Swipe/ElementFocus...)
-     * @param mode  Should the viewpoint change zoom/fullscreen/swipe...
-     * @param params    Parameters used by the mode
+    /**
+     * This function is caleld when the navigation in the frontend changed (zoom/fullscreen/Swipe/ElementFocus...)
+     * @param mode  Should the viewpoint change zoom/fullscreen/swipe...
+     * @param params    Parameters used by the mode
      */
   }, {
     key: "handle3DVisualizationChanged",
@@ -36923,8 +36951,8 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function resets the viewpoint to default.
+    /**
+     * This function resets the viewpoint to default.
      */
   }, {
     key: "resetNav3D",
@@ -36936,8 +36964,8 @@ var PlannerHandler3D = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function returns all StaticRoomList items that should be displayed in the view
+    /**
+     * This function returns all StaticRoomList items that should be displayed in the view
      */
   }, {
     key: "getStaticRoomListItems",
@@ -37201,8 +37229,8 @@ var DivaMediaServiceHandler = /*#__PURE__*/function () {
 }();
 var mediaServiceHandler = new DivaMediaServiceHandler();
 
-/**
- * This class saves a Bounding box. This bounding box can be of one Planner (one Set) or for several planner elements (multiple Sets)
+/**
+ * This class saves a Bounding box. This bounding box can be of one Planner (one Set) or for several planner elements (multiple Sets)
  */
 var BoundingBox = /*#__PURE__*/function () {
   //y depth / z height
@@ -37215,10 +37243,10 @@ var BoundingBox = /*#__PURE__*/function () {
     this.size = new Vector3(0, 0, 0);
   }
 
-  /**
-   * This function initializes the new BoundingBox of a single Planner based on the boundingbox of the whole set.
-   * The new Boundingbox has the world size one meter on the right of the global BoundingBox
-   * @param globalBoundingBox
+  /**
+   * This function initializes the new BoundingBox of a single Planner based on the boundingbox of the whole set.
+   * The new Boundingbox has the world size one meter on the right of the global BoundingBox
+   * @param globalBoundingBox
    */
   return _createClass(BoundingBox, [{
     key: "initPlannerBBox",
@@ -37306,9 +37334,9 @@ var BoundingBox = /*#__PURE__*/function () {
       this.size.z = globalMaxZ - globalMinZ;
     }
 
-    /**
-     * This function returns the with of the bounding box
-     * @param digitsAfterComma  The number of numbers after the comma
+    /**
+     * This function returns the with of the bounding box
+     * @param digitsAfterComma  The number of numbers after the comma
      */
   }, {
     key: "getWidth",
@@ -37331,9 +37359,9 @@ var BoundingBox = /*#__PURE__*/function () {
       return Math.round(this.Size.x);
     }
 
-    /**
-     * This function returns the depth of the bounding box
-     * @param digitsAfterComma  The number of numbers after the comma
+    /**
+     * This function returns the depth of the bounding box
+     * @param digitsAfterComma  The number of numbers after the comma
      */
   }, {
     key: "getDepth",
@@ -37356,9 +37384,9 @@ var BoundingBox = /*#__PURE__*/function () {
       return Math.round(this.Size.z);
     }
 
-    /**
-     * This function returns the height of the bounding box
-     * @param digitsAfterComma  The number of numbers after the comma
+    /**
+     * This function returns the height of the bounding box
+     * @param digitsAfterComma  The number of numbers after the comma
      */
   }, {
     key: "getHeight",
@@ -37393,8 +37421,8 @@ var BoundingBox = /*#__PURE__*/function () {
   }]);
 }();
 
-/**
- * This class saves information and makes calculations that are necessary for the whole set
+/**
+ * This class saves information and makes calculations that are necessary for the whole set
  */
 var SetPlannerHandler = /*#__PURE__*/function () {
   function SetPlannerHandler() {
@@ -37403,11 +37431,11 @@ var SetPlannerHandler = /*#__PURE__*/function () {
     this.globalBoundingBox = new BoundingBox();
   }
 
-  /**
-   * This function updates the posNr of the elements over all sets
-   * So all elements in one set have pos nr going from 1 - n.
-   * However, the setposnr start from the first set from 1 -n and in the second set it starts from n+1
-   * @param plannerList
+  /**
+   * This function updates the posNr of the elements over all sets
+   * So all elements in one set have pos nr going from 1 - n.
+   * However, the setposnr start from the first set from 1 -n and in the second set it starts from n+1
+   * @param plannerList
    */
   return _createClass(SetPlannerHandler, [{
     key: "updateSetPosNr",
@@ -37439,9 +37467,9 @@ var SetPlannerHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function returns the combined bounding Box of all planner bounding boxes
-     * @param plannerList
+    /**
+     * This function returns the combined bounding Box of all planner bounding boxes
+     * @param plannerList
      */
   }, {
     key: "getGlobalBoundingBoxForView",
@@ -37463,9 +37491,9 @@ var SetPlannerHandler = /*#__PURE__*/function () {
       };
     }
 
-    /**
-     * This function calculates the combined bounding Box of all planner bounding boxes
-     * @param plannerList
+    /**
+     * This function calculates the combined bounding Box of all planner bounding boxes
+     * @param plannerList
      */
   }, {
     key: "calcGlobalBoundingBox",
@@ -37481,9 +37509,9 @@ var SetPlannerHandler = /*#__PURE__*/function () {
       this.globalBoundingBox = setBoundingBox;
     }
 
-    /**
-     * This function returns the global bounding Box
-     * @returns
+    /**
+     * This function returns the global bounding Box
+     * @returns
      */
   }, {
     key: "getGlobalBoundingBox",
@@ -37505,9 +37533,9 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
     _defineProperty(this, "divaNr", void 0);
     _defineProperty(this, "plannerHandlerFunctions", void 0);
     _defineProperty(this, "plannerIDCount", 1);
-    /**
-     * This function is called when the program only wants to update the view - it does not send the whole planning.
-     * However, if no 3D Client has loaded the current planning the request has to be sent again and force to load the whole planning
+    /**
+     * This function is called when the program only wants to update the view - it does not send the whole planning.
+     * However, if no 3D Client has loaded the current planning the request has to be sent again and force to load the whole planning
      */
     _defineProperty(this, "noRenderClientFound", function (doMakeRendering, doMakeHQRenderScript, width, height, isFullscreenRendering, planner3DGridEnabled, doShow3DDimensionLines, plannerMeasureDigits, alternateRendererInfo, alternateRenderingsExist) {
       LOG$2.debug('noRenderClientFound - Request rendering again by sending all planningData');
@@ -37527,9 +37555,9 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
     this.handler3D = new PlannerHandler3D('WebPlanner', 'PfisterWebConfigurator', '', '', this.noRenderClientFound, onlyRunLogic);
   }
 
-  /**
-   * This method is called when a new planning is started. This happens when a new Planning is started or a Planning is loaded.
-   * @param divaNr The divaNr of the planning
+  /**
+   * This method is called when a new planning is started. This happens when a new Planning is started or a Planning is loaded.
+   * @param divaNr The divaNr of the planning
    */
   return _createClass(DivaPlannerHandler, [{
     key: "initPlanner",
@@ -37601,9 +37629,9 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return initPlanner;
     }()
-    /**
-     * This function updates the Planner. It is called after a configuration changed.
-     * @returns it returns all elementIds that should be deleted
+    /**
+     * This function updates the Planner. It is called after a configuration changed.
+     * @returns it returns all elementIds that should be deleted
      */
     )
   }, {
@@ -37645,10 +37673,10 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return updatePlanner;
     }()
-    /**
-     * This function is called when a product is added to a existing set
-     * @param set
-     * @param setPlanData
+    /**
+     * This function is called when a product is added to a existing set
+     * @param set
+     * @param setPlanData
      */
     )
   }, {
@@ -37690,11 +37718,11 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return extendSet;
     }()
-    /**
-     * This function is called to initialize a new Planner - SetPlandata is used to initialize it if a already existing planning is loaded.
-     * If it is empty a empty Planner is init.
-     * @param set
-     * @param setPlanData
+    /**
+     * This function is called to initialize a new Planner - SetPlandata is used to initialize it if a already existing planning is loaded.
+     * If it is empty a empty Planner is init.
+     * @param set
+     * @param setPlanData
      */
     )
   }, {
@@ -37741,7 +37769,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-d1899ff9.js');
+              return import('./DivaStandardPlanner-2c8858b2.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -37752,7 +37780,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-f2e768dd.js');
+              return import('./DivaBoxPlanner-0748b14a.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -37793,8 +37821,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * This function returns a JSON Object of the whole planner Saving
+    /**
+     * This function returns a JSON Object of the whole planner Saving
      */
   }, {
     key: "savePlanner",
@@ -37833,9 +37861,9 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       };
     }
 
-    /**
-     * This function returns the base 64 representation of the current displaying rendering
-     * @param setId
+    /**
+     * This function returns the base 64 representation of the current displaying rendering
+     * @param setId
      */
   }, {
     key: "getSetImageAsBase64",
@@ -37846,9 +37874,9 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       return result;
     }
 
-    /**
-     * This function returns the rendering of the last saved rendering
-     * @param setId
+    /**
+     * This function returns the rendering of the last saved rendering
+     * @param setId
      */
   }, {
     key: "getSetRendering",
@@ -37877,9 +37905,9 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return getSetRendering;
     }()
-    /**
-     * This function returns the URL of the last saved rendering
-     * @param setId
+    /**
+     * This function returns the URL of the last saved rendering
+     * @param setId
      */
     )
   }, {
@@ -37922,10 +37950,10 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       return hqRenderScript;
     }
 
-    /**
-     * This function returns all lastsaved alternate Set Renderings as renderings
-     * @param setId
-     * @returns
+    /**
+     * This function returns all lastsaved alternate Set Renderings as renderings
+     * @param setId
+     * @returns
      */
   }, {
     key: "getAlternateSetRenderings",
@@ -37959,9 +37987,9 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return getAlternateSetRenderings;
     }()
-    /**
-     * returns the URLs of all saved alternate renderings
-     * @param setId
+    /**
+     * returns the URLs of all saved alternate renderings
+     * @param setId
      */
     )
   }, {
@@ -38138,11 +38166,11 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return saveSetImage;
     }()
-    /**
-     * This function makes shure that all alternate set images are saved
-     * @param catCodex
-     * @param catGUID
-     * @returns
+    /**
+     * This function makes shure that all alternate set images are saved
+     * @param catCodex
+     * @param catGUID
+     * @returns
      */
   }, {
     key: "saveAlternateSetImages",
@@ -38233,10 +38261,10 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return saveSet2DImage;
     }()
-    /**
-     * This function is called in order to destroy a planner. All elements are cleared all saved resources are cleared.
-     * @param setId The setID the planner belongs to
-     * @return Returns true when the planner was destroyed successfully
+    /**
+     * This function is called in order to destroy a planner. All elements are cleared all saved resources are cleared.
+     * @param setId The setID the planner belongs to
+     * @return Returns true when the planner was destroyed successfully
      */
   }, {
     key: "destroyPlanner",
@@ -38253,8 +38281,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       return false;
     }
 
-    /**
-     * This function destroys all planner elements that are currently loaded.
+    /**
+     * This function destroys all planner elements that are currently loaded.
      */
   }, {
     key: "destroyAllPlanner",
@@ -38272,8 +38300,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       return true;
     }
 
-    /**
-     * This function is called in order to clear all renderings in the render cache
+    /**
+     * This function is called in order to clear all renderings in the render cache
      */
   }, {
     key: "clearHandler3D",
@@ -38353,11 +38381,11 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return deletePlannerElement;
     }()
-    /**
-     * This function gets all Elements that are copyied when copying one element.
-     * @param setId
-     * @param elementId
-     * @param copyInfo
+    /**
+     * This function gets all Elements that are copyied when copying one element.
+     * @param setId
+     * @param elementId
+     * @param copyInfo
      */
   }, {
     key: "getPlannerElementsInfluencedByCopy",
@@ -38368,11 +38396,11 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       return this.plannerList.get(setId).getPlannerElementsInfluencedByCopy(elementId, copyInfo);
     }
 
-    /**
-     * This function is used to copy an element in the planner
-     * @param setId
-     * @param articleCopyRelation
-     * @param copyInfo
+    /**
+     * This function is used to copy an element in the planner
+     * @param setId
+     * @param articleCopyRelation
+     * @param copyInfo
      */
   }, {
     key: "copyPlannerElements",
@@ -38406,13 +38434,13 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return copyPlannerElements;
     }()
-    /**
-     * This function is called when the planner Elements position or rotation are modified in the view.
-     *@param setId              The set id of the planning
-     * @param plannerElementID   This is the element ID of the planner Element that is changed.
-     *@param deltaMove          This is the delta in centimeters the element was moved in each direction
-     * @param deltaAngleDeg      This is the angle the element was rotated in degrees
-     * @param doUpdate           This indicates if the element Should be updated with the new position. If false it can only be used to check if there are possible DockingPoints
+    /**
+     * This function is called when the planner Elements position or rotation are modified in the view.
+     *@param setId              The set id of the planning
+     * @param plannerElementID   This is the element ID of the planner Element that is changed.
+     *@param deltaMove          This is the delta in centimeters the element was moved in each direction
+     * @param deltaAngleDeg      This is the angle the element was rotated in degrees
+     * @param doUpdate           This indicates if the element Should be updated with the new position. If false it can only be used to check if there are possible DockingPoints
      */
     )
   }, {
@@ -38437,13 +38465,13 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       return allPlanningsAreComplete;
     }
 
-    /**
-     * This function returns the neighbor elements of a specific elements based on a given docking Type.
-     * E.g. dockingType "AVR" returns the element that is docking to the AVR vector
-     * @param setId   The current setId of the element
-     * @param elementId   The elementId of the element
-     * @param dockingType   The dockingType
-     * @returns   An array of all elements indicated by the elementId
+    /**
+     * This function returns the neighbor elements of a specific elements based on a given docking Type.
+     * E.g. dockingType "AVR" returns the element that is docking to the AVR vector
+     * @param setId   The current setId of the element
+     * @param elementId   The elementId of the element
+     * @param dockingType   The dockingType
+     * @returns   An array of all elements indicated by the elementId
      */
   }, {
     key: "getNeighborElementIds",
@@ -38494,8 +38522,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function returns all viewPlannerElements of all planner
+    /**
+     * This function returns all viewPlannerElements of all planner
      */
   }, {
     key: "getAllViewPlannerElements",
@@ -38610,10 +38638,10 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return request3D;
     }()
-    /**
-     * This function returns the Project (JSON) of the planning data of a specific set.
-     * @param setId     Only contains planner Information of this set
-     * @returns         The JSON of the planning data
+    /**
+     * This function returns the Project (JSON) of the planning data of a specific set.
+     * @param setId     Only contains planner Information of this set
+     * @returns         The JSON of the planning data
      */
   }, {
     key: "getProject3D",
@@ -38645,8 +38673,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }, {
     key: "createPlanningHash",
     value:
-    /**
-     * This function creates the hash for the current PLANNING. It ignores viewpoint/rendering3D related aspects like size of the rendered image or the room it is displayed in.
+    /**
+     * This function creates the hash for the current PLANNING. It ignores viewpoint/rendering3D related aspects like size of the rendered image or the room it is displayed in.
      */
     function createPlanningHash() {
       var _this5 = this;
@@ -38679,12 +38707,12 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
 
 function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/*
-  Das ist der Konstruktor für den ganzen Web Planner. 
-  Er baut alle Klassen und initialisiert sie. 
-  Ist der BOSS initialisieren und Kommunikation handeln
-  Arbeitet wie ein Verkehrspolizist
-  Diese Klasse ist die Schnittstelle zwischen den Logic Klassen und der View
+/*
+  Das ist der Konstruktor für den ganzen Web Planner. 
+  Er baut alle Klassen und initialisiert sie. 
+  Ist der BOSS initialisieren und Kommunikation handeln
+  Arbeitet wie ein Verkehrspolizist
+  Diese Klasse ist die Schnittstelle zwischen den Logic Klassen und der View
 */
 
 var LOG$1 = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
@@ -38779,9 +38807,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
       return somethingChanged;
     });
-    /**
-     * This function is called when the RoomList is loaded from the 3D host. Now we have to update the TabGroup View - if the configurator is currently in the Roomlist state
-     * @param succ
+    /**
+     * This function is called when the RoomList is loaded from the 3D host. Now we have to update the TabGroup View - if the configurator is currently in the Roomlist state
+     * @param succ
      */
     _defineProperty(this, "onRoomListLoaded", function () {
       var set = _this.actSet();
@@ -38790,9 +38818,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         (_this$updateStaticRoo = _this.updateStaticRoomListItems) === null || _this$updateStaticRoo === void 0 || _this$updateStaticRoo.call(_this, setHandlerInstance.getStaticRoomListItems(set), _this.api.getRoomListInProduct() || _this.plannerConfig.initMode);
       }
     });
-    /**
-     * This function is called when the planner Rendering should be updated
-     * @param rendering The new rendering that should be loaded into the view
+    /**
+     * This function is called when the planner Rendering should be updated
+     * @param rendering The new rendering that should be loaded into the view
      */
     _defineProperty(this, "updatePlannerRendering", function (rendering) {
       var _this$state;
@@ -38807,9 +38835,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         _this.api.postPlanningInfo((_this$actSet2 = _this.actSet()) === null || _this$actSet2 === void 0 ? void 0 : _this$actSet2.getVariantBasketData(), _this.divaNr, rendering.getImageForSrc(), _this.getCurSetPrice() + setHandlerInstance.getActSetPriceFormat(_this.actSet()), _this.getCurCatalogName(), (_this$state$user = _this.state.user) === null || _this$state$user === void 0 ? void 0 : _this$state$user._id, (_this$state$user2 = _this.state.user) === null || _this$state$user2 === void 0 ? void 0 : _this$state$user2.name, (_this$state$user3 = _this.state.user) === null || _this$state$user3 === void 0 ? void 0 : _this$state$user3.familyName, _this.state.organization._id);
       }
     });
-    /**
-     * This function is called when the planner Rendering should be updated
-     * @param rendering The new rendering that should be loaded into the view
+    /**
+     * This function is called when the planner Rendering should be updated
+     * @param rendering The new rendering that should be loaded into the view
      */
     _defineProperty(this, "updatePlannerHqRenderScript", function (hqRenderscript) {
       var _this$setHQRenderScri;
@@ -38835,8 +38863,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
       return false;
     });
-    /**
-     * This Function ist call from the View when all Planner Article are Requested for listing
+    /**
+     * This Function ist call from the View when all Planner Article are Requested for listing
      */
     _defineProperty(this, "loadCatalogPlannerArticles", function (paletteeId, isUpdate, type, dockFilter, actStepName, stepKey) {
       var _this$updateCatalogPl;
@@ -38844,18 +38872,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       //Von diesem Katalog müssen wir die CatalogPlannerArticles laden.
       (_this$updateCatalogPl = _this.updateCatalogPlannerArticles) === null || _this$updateCatalogPl === void 0 || _this$updateCatalogPl.call(_this, setHandlerInstance.getPlannerPaletteViewInfo(_this.actSet(), type), paletteeId, isUpdate, type, dockFilter, actStepName, stepKey);
     });
-    /**
-     * this fuction loads the accessoires of a specific article -> could be more than one article in the future
-     * @param targetArticles the article of which we load the accessoires
+    /**
+     * this fuction loads the accessoires of a specific article -> could be more than one article in the future
+     * @param targetArticles the article of which we load the accessoires
      */
     _defineProperty(this, "loadAccessoiresOfArticles", function (targetArticles) {
       var set = _this.actSet();
       if (!set) return;
       _this.updateAccessoiresPalette(setHandlerInstance.getAccessoriesOfArticles(_this.actSet(), targetArticles), set.configAccessoiresInAccessoireStep ? 'ACC_CONFIG' : 'ACC');
     });
-    /**
-     * this function is called when all Items of a ConfigStep are requested
-     * @param configStepKey unique indentifier for configStep
+    /**
+     * this function is called when all Items of a ConfigStep are requested
+     * @param configStepKey unique indentifier for configStep
      */
     _defineProperty(this, "loadConfigItemsOfOptions", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(configStepKey, paletteId, isUpdate, visible) {
@@ -38879,8 +38907,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         return _ref.apply(this, arguments);
       };
     }());
-    /**
-     * this function laods the summary Items
+    /**
+     * this function laods the summary Items
      */
     _defineProperty(this, "loadSummaryItems", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _this$actions, _this$actions$toggleL, _this$updateSummaryIt, _this$actions2, _this$actions2$toggle;
@@ -38924,18 +38952,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var _this$updateDoorPlann;
       (_this$updateDoorPlann = _this.updateDoorPlannerItems) === null || _this$updateDoorPlann === void 0 || _this$updateDoorPlann.call(_this, setHandlerInstance.getDoorPlannerItems(_this.actSet(), configStepKey), configStepKey);
     });
-    /**
-     * This function is called when switching from one planning to another. All Planner handler are destroyed.
-     * @param doDestroy3DHostConnection      The whole renderCache is cleared and the connection to the 3D render host is cleared
+    /**
+     * This function is called when switching from one planning to another. All Planner handler are destroyed.
+     * @param doDestroy3DHostConnection      The whole renderCache is cleared and the connection to the 3D render host is cleared
      */
     _defineProperty(this, "destroyPlannerHandler", function (doDestroy3DHostConnection) {
       setHandlerInstance.destroyPlannerHandler(_this.actSet(), doDestroy3DHostConnection);
       if (_this.getCurPlannerViewMode) _this.updatePlannerView('DESTROY_PLANNER');
     });
-    /**
-     * this Function is called when new Planner Article is Loaded
-     * @param elementCodex unique Codex to identify the article
-     * @param parentElement ElementID of the parent element used for docking
+    /**
+     * this Function is called when new Planner Article is Loaded
+     * @param elementCodex unique Codex to identify the article
+     * @param parentElement ElementID of the parent element used for docking
      */
     _defineProperty(this, "addPlannerElement", /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(elementCodex, initParams, dontUpdateView) {
@@ -38998,11 +39026,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         return _ref3.apply(this, arguments);
       };
     }());
-    /**
-     * this function implements a switch logic of 2 elements also called "Tauschfunktion"
-     * @param setId actSet
-     * @param elementId Id of the element that gets deleted
-     * @param articleCodex articleCodex of the new Element
+    /**
+     * this function implements a switch logic of 2 elements also called "Tauschfunktion"
+     * @param setId actSet
+     * @param elementId Id of the element that gets deleted
+     * @param articleCodex articleCodex of the new Element
      */
     _defineProperty(this, "switchPlannerElement", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(setId, elementId, articleCodex, initParams) {
@@ -39127,12 +39155,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         return _ref6.apply(this, arguments);
       };
     }());
-    /**
-     * This function is called every time the transformation of an Element is changed
-     * @param plannerElementID
-     * @param deltaMove
-     * @param deltaAngleDeg
-     * @param transState
+    /**
+     * This function is called every time the transformation of an Element is changed
+     * @param plannerElementID
+     * @param deltaMove
+     * @param deltaAngleDeg
+     * @param transState
      */
     _defineProperty(this, "updatePlannerTrans", /*#__PURE__*/function () {
       var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
@@ -39157,10 +39185,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         return _ref7.apply(this, arguments);
       };
     }());
-    /**
-     * This function is called when the user interacts with the navigation in the 3D Image view.
-     * The mode indicates what should be done in the navigation like zooming or swiping.
-     * @param avoidUpdateRendering    If this parameter is set to true, the function only updates the viewPointHandler - no rendering is made.
+    /**
+     * This function is called when the user interacts with the navigation in the 3D Image view.
+     * The mode indicates what should be done in the navigation like zooming or swiping.
+     * @param avoidUpdateRendering    If this parameter is set to true, the function only updates the viewPointHandler - no rendering is made.
      */
     _defineProperty(this, "handle3DVisualizationChanged", function (mode, params, avoidUpdateRendering) {
       var _this$getDoShow3DDime;
@@ -39247,10 +39275,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     _defineProperty(this, "getBasketIdsOfElementIdLogic", function (elementId) {
       return setHandlerInstance.getBasketIdOfElementId(_this.actSet(), elementId);
     });
-    /**
-     * This function is called when the the checkBox to ConfigSingle is triggered
-     * @param doConfigSingle new ConfigSingle value
-     * @param configStepKey act ConfigStep
+    /**
+     * This function is called when the the checkBox to ConfigSingle is triggered
+     * @param doConfigSingle new ConfigSingle value
+     * @param configStepKey act ConfigStep
      */
     _defineProperty(this, "configSingleIsChanged", /*#__PURE__*/function () {
       var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
@@ -39280,14 +39308,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         return _ref10.apply(this, arguments);
       };
     }());
-    /**
-     *  this function is called when the an ConfigItem is clicked
-     *  the configuration of targetArticles gets updated
-     *
-     * @param myValues a dictionary with the key of the OptionCodex and the value of the OptionValueCodex
-     * @param targetArticles array if BasketIds
-     * @param freeText freeText is null when specificly set to null. When nopt set at all its undefined
-     *
+    /**
+     *  this function is called when the an ConfigItem is clicked
+     *  the configuration of targetArticles gets updated
+     *
+     * @param myValues a dictionary with the key of the OptionCodex and the value of the OptionValueCodex
+     * @param targetArticles array if BasketIds
+     * @param freeText freeText is null when specificly set to null. When nopt set at all its undefined
+     *
      */
     //onConfigItemClick ist ein Click auf das Item der ConfigPalette um die OPV zu ändern
     _defineProperty(this, "doConfigure", /*#__PURE__*/function () {
@@ -39552,17 +39580,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.onInitializationError();
               //fehler beim laden vom basket..
               LOG$1.errorTransaction('LOADING_BASKET', 'BASKET_0002', 'Fehler beim Laden des Baskets', {
-                /*
-                origProductId: basket.OrigProductId,
-                origDivaNr: this.divaBasketHandler.origConfiguration.originDivaNr,
-                bv: (set?.getSetPrice() ?? 0) / 1000,
-                cat: catalogData?.catalogCodex,
-                catName: catalogData?.catalogName,
-                accountName: catalogData?.accountName,
-                sup: catalogData?.supplierGuid,
-                journeyId: basket.CustomerJourneyId,
-                divaNr: basket.DivaNr,
-                documentVersion: basket.DocumentVersion,
+                /*
+                origProductId: basket.OrigProductId,
+                origDivaNr: this.divaBasketHandler.origConfiguration.originDivaNr,
+                bv: (set?.getSetPrice() ?? 0) / 1000,
+                cat: catalogData?.catalogCodex,
+                catName: catalogData?.catalogName,
+                accountName: catalogData?.accountName,
+                sup: catalogData?.supplierGuid,
+                journeyId: basket.CustomerJourneyId,
+                divaNr: basket.DivaNr,
+                documentVersion: basket.DocumentVersion,
                 plannerMode: this.getCurImageMode(),*/
               });
               return _context13.abrupt("return", false);
@@ -39709,8 +39737,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       return this.plannerHandler;
     }
 
-    /*
-      Wenn eine Planung geladen wurde, dann muss die View initialisiert werden
+    /*
+      Wenn eine Planung geladen wurde, dann muss die View initialisiert werden
       */
   }, {
     key: "initView",
@@ -39961,10 +39989,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       this.setHQRenderScript = setHQRenderScript;
     }
 
-    /**
-     * This function is called when the planner view should be updated
-     * @param callingFrom This parameter is used for debug Reasons. It can have information from where in the code the updatePlannerView is called
-     * @param viewpoint This parameter is used to send the viewpoint information from the rtv to unity
+    /**
+     * This function is called when the planner view should be updated
+     * @param callingFrom This parameter is used for debug Reasons. It can have information from where in the code the updatePlannerView is called
+     * @param viewpoint This parameter is used to send the viewpoint information from the rtv to unity
      */
   }, {
     key: "updatePlannerView",
@@ -40030,12 +40058,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function forces loading the 3D image of a planning and the 2D planner.
-     * @param renderSavingMode  Specifies if the rendering should be saved or not. If Stream is used, the rendering is only streamed from the 3DRenderer to the client and not saved.
-     *                          If TEMP is used the rendered image is saved temporarily on the MediaService - DEPRECTED
-     *                          If PERMANENT the rendering is saved permanent in the MediaService
-     * @param doLoadAllAltnerateRenderings  Force load all alternate renderings - eg entering summary page load rendering with doors and without doors
+    /**
+     * This function forces loading the 3D image of a planning and the 2D planner.
+     * @param renderSavingMode  Specifies if the rendering should be saved or not. If Stream is used, the rendering is only streamed from the 3DRenderer to the client and not saved.
+     *                          If TEMP is used the rendered image is saved temporarily on the MediaService - DEPRECTED
+     *                          If PERMANENT the rendering is saved permanent in the MediaService
+     * @param doLoadAllAltnerateRenderings  Force load all alternate renderings - eg entering summary page load rendering with doors and without doors
      */
   }, {
     key: "forceUpdatePlannerView",
@@ -40065,8 +40093,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "destroyWebPlanner",
     value:
-    /**
-     * this function destroys some instances of the webPlanner bevor a new one gets created. Goal of this function is that the old webPlanner object doesnt make any trouble.
+    /**
+     * this function destroys some instances of the webPlanner bevor a new one gets created. Goal of this function is that the old webPlanner object doesnt make any trouble.
      */
 
     function destroyWebPlanner() {
@@ -40114,11 +40142,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
       return deletePlannerElement;
     }()
-    /**
-     * This function is called when a element should be copied.
-     * @param  setId the setId the element to copy belongs too
-     * @param  elementId  The elementId that should be copied
-     * @param   copyInfo  This objects hold information that is needed for copying. For example when copying an element in the box planner, the information in which direction it should be copied is important.
+    /**
+     * This function is called when a element should be copied.
+     * @param  setId the setId the element to copy belongs too
+     * @param  elementId  The elementId that should be copied
+     * @param   copyInfo  This objects hold information that is needed for copying. For example when copying an element in the box planner, the information in which direction it should be copied is important.
      */
   }, {
     key: "copyPlannerElement",
@@ -40165,8 +40193,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getPlanningIsComplete",
     value:
-    /**
-     * This function returns true if all Plannings are complete. Otherwise it returns false (Open AVL and AVR).
+    /**
+     * This function returns true if all Plannings are complete. Otherwise it returns false (Open AVL and AVR).
      */
     function getPlanningIsComplete(forceCheck) {
       return setHandlerInstance.getPlanningIsComplete(this.actSet(), forceCheck);
@@ -40362,9 +40390,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       (_this$actSet8 = this.actSet()) === null || _this$actSet8 === void 0 || _this$actSet8.setDifferentOptions(options);
     }
 
-    /**
-     * Updated the Price in the View.
-     * Should always be called after something was changed!
+    /**
+     * Updated the Price in the View.
+     * Should always be called after something was changed!
      */
   }, {
     key: "updatePriceInView",
@@ -40374,9 +40402,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       (_this$updatePrice = this.updatePrice) === null || _this$updatePrice === void 0 || _this$updatePrice.call(this, setHandlerInstance.getTotalPrice(this.sets), this.actSet().getSetPrice(), setHandlerInstance.getTotalBruttoPrice(this.sets));
     }
 
-    /**
-     * this functions check if a specific event is taken care of by our client or if we have to do something. For example opening the Fullscreen 3D-Image window
-     * @param event to identify which event
+    /**
+     * this functions check if a specific event is taken care of by our client or if we have to do something. For example opening the Fullscreen 3D-Image window
+     * @param event to identify which event
      */
   }, {
     key: "eventIsManagedByClient",
@@ -40392,10 +40420,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       DivaUtils.addToDataLayer(category, action, this.divaNr);
     }
 
-    /**
-     * this function calls genericly any event and passes specific params
-     * @param event to identify which event
-     * @param param parameters to pass over the event
+    /**
+     * this function calls genericly any event and passes specific params
+     * @param event to identify which event
+     * @param param parameters to pass over the event
      */
   }, {
     key: "callEvent",
@@ -40436,46 +40464,48 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           _this2 = this,
           _this$actions30,
           _this$i18n14;
-        var returnTo, finalEvent, _this$api$getBarrierC, _this$openLeafeltBarr, product, result, _this$actions27, _this$i18n8, _this$i18n9, _this$actions28, _this$i18n10, _this$i18n11, _this$actions29, _this$i18n12, _this$i18n13, _this$updatePlannerMs2;
+        var returnTo, finalEvent, _this$api$getBarrierC, _this$openLeafeltBarr, product, _this$actSet9, url, _result, result, _this$actions27, _this$i18n8, _this$i18n9, _this$actions28, _this$i18n10, _this$i18n11, _this$actions29, _this$i18n12, _this$i18n13, _this$updatePlannerMs2;
         return _regeneratorRuntime.wrap(function _callee25$(_context25) {
           while (1) switch (_context25.prev = _context25.next) {
             case 0:
               returnTo = this.getReturnTo(event);
               finalEvent = event;
               if (!(returnTo == 'OPEN_LEAFLET_BARRIER')) {
-                _context25.next = 14;
+                _context25.next = 16;
                 break;
               }
               product = undefined;
               if (!((_this$api$getBarrierC = this.api.getBarrierConfig()) !== null && _this$api$getBarrierC !== void 0 && _this$api$getBarrierC.affiliate)) {
-                _context25.next = 8;
+                _context25.next = 10;
                 break;
               }
-              _context25.next = 7;
-              return this.api.getDataCache(this.api.getCatalogProductUrl(this.actSet().getCatalogCodex()), undefined, undefined, 'catalog');
-            case 7:
-              _context25.sent;
+              url = this.api.getCatalogProductUrl(this.actSet().getCatalogCodex());
+              _context25.next = 8;
+              return this.api.getDataCache(url, url, undefined, 'catalog');
             case 8:
-              _context25.next = 10;
-              return (_this$openLeafeltBarr = this.openLeafeltBarrier) === null || _this$openLeafeltBarr === void 0 ? void 0 : _this$openLeafeltBarr.call(this, this.divaBasketHandler, this.api.getBarrierConfig(), product);
+              _result = _context25.sent;
+              product = productHandlerInstance.getBestMatch((_this$actSet9 = this.actSet()) === null || _this$actSet9 === void 0 ? void 0 : _this$actSet9.getDivaArticles(), _result);
             case 10:
+              _context25.next = 12;
+              return (_this$openLeafeltBarr = this.openLeafeltBarrier) === null || _this$openLeafeltBarr === void 0 ? void 0 : _this$openLeafeltBarr.call(this, this.divaBasketHandler, this.api.getBarrierConfig(), product);
+            case 12:
               finalEvent = _context25.sent;
               if (finalEvent) {
-                _context25.next = 13;
+                _context25.next = 15;
                 break;
               }
               return _context25.abrupt("return", 'canceled');
-            case 13:
+            case 15:
               returnTo = finalEvent == 'onAddToBasket' ? 'OPEN_PDF' : returnTo;
-            case 14:
+            case 16:
               (_this$actions25 = this.actions) === null || _this$actions25 === void 0 || (_this$actions25$toggl = _this$actions25.toggleLoading) === null || _this$actions25$toggl === void 0 || _this$actions25$toggl.call(_this$actions25, 'Planner_Saving', false, true);
-              _context25.next = 17;
+              _context25.next = 19;
               return this.saveToBasket(finalEvent, repairOnly, force);
-            case 17:
+            case 19:
               result = _context25.sent;
               (_this$actions26 = this.actions) === null || _this$actions26 === void 0 || (_this$actions26$toggl = _this$actions26.toggleLoading) === null || _this$actions26$toggl === void 0 || _this$actions26$toggl.call(_this$actions26, 'Planner_Saving', false, false);
               if (!(result === 'canceled')) {
-                _context25.next = 23;
+                _context25.next = 25;
                 break;
               }
               LOG$1.error(new DivaError('failed to save Basket'));
@@ -40484,11 +40514,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 accept: true
               });
               return _context25.abrupt("return", result);
-            case 23:
+            case 25:
               _context25.t0 = returnTo;
-              _context25.next = _context25.t0 === 'OPEN_PDF' ? 26 : _context25.t0 === 'SAVE_BASKET_WITH_MODAL' ? 28 : 29;
+              _context25.next = _context25.t0 === 'OPEN_PDF' ? 28 : _context25.t0 === 'SAVE_BASKET_WITH_MODAL' ? 30 : 31;
               break;
-            case 26:
+            case 28:
               if (!this.getBasket().PDFDocumentURL) {
                 LOG$1.error(new DivaError('PDF url is missing in basket', {
                   code: 'WC_0010'
@@ -40506,22 +40536,22 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   }
                 });
               }
-              return _context25.abrupt("break", 29);
-            case 28:
+              return _context25.abrupt("break", 31);
+            case 30:
               (_this$actions30 = this.actions) === null || _this$actions30 === void 0 || _this$actions30.openModal({
                 text: (_this$i18n14 = this.i18n()) === null || _this$i18n14 === void 0 ? void 0 : _this$i18n14.t('modal.planning_saved'),
                 accept: true
               });
-            case 29:
+            case 31:
               if (!(result == 'noArticleToSave')) {
-                _context25.next = 32;
+                _context25.next = 34;
                 break;
               }
               (_this$updatePlannerMs2 = this.updatePlannerMsgContainer) === null || _this$updatePlannerMs2 === void 0 || _this$updatePlannerMs2.call(this, 'NOTHING_TO_SAVE', true, 'INFO', 'NOTHING_TO_SAVE', true);
               return _context25.abrupt("return", 'canceled');
-            case 32:
+            case 34:
               return _context25.abrupt("return", result);
-            case 33:
+            case 35:
             case "end":
               return _context25.stop();
           }
@@ -40711,11 +40741,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       return setHandlerInstance.checkBannerRules(set, visitedOptions, event);
     }
 
-    /**
-     * This function returns true if the Planner Mode should be visible and the planner Step should be shown.
-     * The planner step is not shown if:
-     * - There is no viewer Option set for the Planner
-     * - The box Planner is loaded
+    /**
+     * This function returns true if the Planner Mode should be visible and the planner Step should be shown.
+     * The planner step is not shown if:
+     * - There is no viewer Option set for the Planner
+     * - The box Planner is loaded
      */
   }, {
     key: "getCurPlannerType",
@@ -40735,8 +40765,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
 
       //if planner is hidden by config but nothing is planned initially
       if (plannerType === 'NONE') {
-        var _this$plannerConfig$a7, _this$actSet9;
-        if (!this.plannerConfig.divaNr && this.plannerConfig.catalogCodex && !((_this$plannerConfig$a7 = this.plannerConfig.articleCodexes) !== null && _this$plannerConfig$a7 !== void 0 && _this$plannerConfig$a7.length) && !this.plannerConfig.productId && !this.plannerConfig.customProductId && !this.plannerConfig.basketData && !((_this$actSet9 = this.actSet()) !== null && _this$actSet9 !== void 0 && (_this$actSet9 = _this$actSet9.CatalogData.startPlannerArticle) !== null && _this$actSet9 !== void 0 && _this$actSet9.length)) {
+        var _this$plannerConfig$a7, _this$actSet10;
+        if (!this.plannerConfig.divaNr && this.plannerConfig.catalogCodex && !((_this$plannerConfig$a7 = this.plannerConfig.articleCodexes) !== null && _this$plannerConfig$a7 !== void 0 && _this$plannerConfig$a7.length) && !this.plannerConfig.productId && !this.plannerConfig.customProductId && !this.plannerConfig.basketData && !((_this$actSet10 = this.actSet()) !== null && _this$actSet10 !== void 0 && (_this$actSet10 = _this$actSet10.CatalogData.startPlannerArticle) !== null && _this$actSet10 !== void 0 && _this$actSet10.length)) {
           plannerType = 'PLANNER';
         }
       }
@@ -40776,38 +40806,38 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCurCatalogCodex",
     value: function getCurCatalogCodex() {
-      var _this$actSet10;
-      return (_this$actSet10 = this.actSet()) === null || _this$actSet10 === void 0 ? void 0 : _this$actSet10.getCatalogCodex();
+      var _this$actSet11;
+      return (_this$actSet11 = this.actSet()) === null || _this$actSet11 === void 0 ? void 0 : _this$actSet11.getCatalogCodex();
     }
   }, {
     key: "getCurCatalogName",
     value: function getCurCatalogName() {
-      var _this$actSet11;
-      return (_this$actSet11 = this.actSet()) === null || _this$actSet11 === void 0 ? void 0 : _this$actSet11.getCatalogName();
+      var _this$actSet12;
+      return (_this$actSet12 = this.actSet()) === null || _this$actSet12 === void 0 ? void 0 : _this$actSet12.getCatalogName();
     }
   }, {
     key: "getCurAccountName",
     value: function getCurAccountName() {
-      var _this$actSet12;
-      return (_this$actSet12 = this.actSet()) === null || _this$actSet12 === void 0 ? void 0 : _this$actSet12.getAccountName();
+      var _this$actSet13;
+      return (_this$actSet13 = this.actSet()) === null || _this$actSet13 === void 0 ? void 0 : _this$actSet13.getAccountName();
     }
   }, {
     key: "getCurSupplierGuid",
     value: function getCurSupplierGuid() {
-      var _this$actSet13;
-      return (_this$actSet13 = this.actSet()) === null || _this$actSet13 === void 0 ? void 0 : _this$actSet13.getSupplierGuid();
+      var _this$actSet14;
+      return (_this$actSet14 = this.actSet()) === null || _this$actSet14 === void 0 ? void 0 : _this$actSet14.getSupplierGuid();
     }
   }, {
     key: "getCurSetPrice",
     value: function getCurSetPrice() {
-      var _this$actSet$getSetPr, _this$actSet14;
-      return (_this$actSet$getSetPr = (_this$actSet14 = this.actSet()) === null || _this$actSet14 === void 0 ? void 0 : _this$actSet14.getSetPrice()) !== null && _this$actSet$getSetPr !== void 0 ? _this$actSet$getSetPr : 0;
+      var _this$actSet$getSetPr, _this$actSet15;
+      return (_this$actSet$getSetPr = (_this$actSet15 = this.actSet()) === null || _this$actSet15 === void 0 ? void 0 : _this$actSet15.getSetPrice()) !== null && _this$actSet$getSetPr !== void 0 ? _this$actSet$getSetPr : 0;
     }
   }, {
     key: "getCurImageMode",
     value: function getCurImageMode() {
-      var _this$actSet15;
-      return (_this$actSet15 = this.actSet()) !== null && _this$actSet15 !== void 0 && (_this$actSet15 = _this$actSet15.CatalogData) !== null && _this$actSet15 !== void 0 && _this$actSet15.has3dModels ? '3D' : '2D';
+      var _this$actSet16;
+      return (_this$actSet16 = this.actSet()) !== null && _this$actSet16 !== void 0 && (_this$actSet16 = _this$actSet16.CatalogData) !== null && _this$actSet16 !== void 0 && _this$actSet16.has3dModels ? '3D' : '2D';
     }
   }, {
     key: "getViewConfig",
@@ -40838,65 +40868,65 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "doShow3DDimensionLines",
     value: function doShow3DDimensionLines() {
-      var _this$actSet16;
-      return (_this$actSet16 = this.actSet()) === null || _this$actSet16 === void 0 || (_this$actSet16 = _this$actSet16.CatalogData) === null || _this$actSet16 === void 0 ? void 0 : _this$actSet16.doShow3DDimensionLines;
+      var _this$actSet17;
+      return (_this$actSet17 = this.actSet()) === null || _this$actSet17 === void 0 || (_this$actSet17 = _this$actSet17.CatalogData) === null || _this$actSet17 === void 0 ? void 0 : _this$actSet17.doShow3DDimensionLines;
     }
   }, {
     key: "hidePlannerUiIcons",
     value: function hidePlannerUiIcons() {
-      var _this$actSet17;
-      return (_this$actSet17 = this.actSet()) === null || _this$actSet17 === void 0 || (_this$actSet17 = _this$actSet17.CatalogData) === null || _this$actSet17 === void 0 ? void 0 : _this$actSet17.hidePlannerUiIcons;
+      var _this$actSet18;
+      return (_this$actSet18 = this.actSet()) === null || _this$actSet18 === void 0 || (_this$actSet18 = _this$actSet18.CatalogData) === null || _this$actSet18 === void 0 ? void 0 : _this$actSet18.hidePlannerUiIcons;
     }
   }, {
     key: "doShowPlannerReplaceMode",
     value: function doShowPlannerReplaceMode() {
-      var _this$actSet18, _this$api$getViewConf2, _catalogData$PlannerP, _catalogData$PlannerP2;
-      var catalogData = (_this$actSet18 = this.actSet()) === null || _this$actSet18 === void 0 ? void 0 : _this$actSet18.CatalogData;
+      var _this$actSet19, _this$api$getViewConf2, _catalogData$PlannerP, _catalogData$PlannerP2;
+      var catalogData = (_this$actSet19 = this.actSet()) === null || _this$actSet19 === void 0 ? void 0 : _this$actSet19.CatalogData;
       return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.replaceModeActive) && ((_this$api$getViewConf2 = this.api.getViewConfig()) === null || _this$api$getViewConf2 === void 0 ? void 0 : _this$api$getViewConf2.showReplaceFunctionInPlanner) && Object.entries(catalogData.allCatalogPlannerArticles).length > 1 && Object.entries((_catalogData$PlannerP = (_catalogData$PlannerP2 = catalogData.PlannerPaletteViewInfo) === null || _catalogData$PlannerP2 === void 0 ? void 0 : _catalogData$PlannerP2.catalogPlannerArticles) !== null && _catalogData$PlannerP !== void 0 ? _catalogData$PlannerP : {}).length > 1;
     }
   }, {
     key: "doPlannerReplaceAutoSwitch",
     value: function doPlannerReplaceAutoSwitch() {
-      var _this$actSet19, _this$api$getViewConf3;
-      var catalogData = (_this$actSet19 = this.actSet()) === null || _this$actSet19 === void 0 ? void 0 : _this$actSet19.CatalogData;
+      var _this$actSet20, _this$api$getViewConf3;
+      var catalogData = (_this$actSet20 = this.actSet()) === null || _this$actSet20 === void 0 ? void 0 : _this$actSet20.CatalogData;
       return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.catalogPlannsCompletely) && this.doShowPlannerReplaceMode() && ((_this$api$getViewConf3 = this.api.getViewConfig()) === null || _this$api$getViewConf3 === void 0 ? void 0 : _this$api$getViewConf3.allowAutoSwitchInReplaceFunctionInPlanner);
     }
   }, {
     key: "getHidePlanner",
     value: function getHidePlanner() {
-      var _this$actSet20;
-      return this.api.getHidePlanner() || !!((_this$actSet20 = this.actSet()) !== null && _this$actSet20 !== void 0 && _this$actSet20.CatalogData.useBoxPlanner);
+      var _this$actSet21;
+      return this.api.getHidePlanner() || !!((_this$actSet21 = this.actSet()) !== null && _this$actSet21 !== void 0 && _this$actSet21.CatalogData.useBoxPlanner);
     }
   }, {
     key: "getAllowRTV",
     value: function getAllowRTV() {
-      var _this$actSet21, _this$actSet22;
+      var _this$actSet22, _this$actSet23;
       if (this.getEnableUnityRtvKombi()) return false;
       if (this.api.forceShowRTV()) return true;
-      if ((_this$actSet21 = this.actSet()) !== null && _this$actSet21 !== void 0 && _this$actSet21.CatalogData.divaForceRTV) return true;
-      if (this.api.getDoShowRTV() && (_this$actSet22 = this.actSet()) !== null && _this$actSet22 !== void 0 && _this$actSet22.CatalogData.divaArReady) return true;
+      if ((_this$actSet22 = this.actSet()) !== null && _this$actSet22 !== void 0 && _this$actSet22.CatalogData.divaForceRTV) return true;
+      if (this.api.getDoShowRTV() && (_this$actSet23 = this.actSet()) !== null && _this$actSet23 !== void 0 && _this$actSet23.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
     key: "geAllowQRCodeAR",
     value: function geAllowQRCodeAR() {
-      var _this$actSet23;
-      if (this.api.getDoShowAR() && (_this$actSet23 = this.actSet()) !== null && _this$actSet23 !== void 0 && _this$actSet23.CatalogData.divaArReady) return true;
+      var _this$actSet24;
+      if (this.api.getDoShowAR() && (_this$actSet24 = this.actSet()) !== null && _this$actSet24 !== void 0 && _this$actSet24.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
     key: "getEnableUnityRtvKombi",
     value: function getEnableUnityRtvKombi() {
-      var _this$actSet24, _this$actSet25;
+      var _this$actSet25, _this$actSet26;
       // if force rtv disable unity kombi - biohort
-      if ((_this$actSet24 = this.actSet()) !== null && _this$actSet24 !== void 0 && _this$actSet24.CatalogData.divaForceRTV) return false;
-      return ((_this$actSet25 = this.actSet()) === null || _this$actSet25 === void 0 ? void 0 : _this$actSet25.CatalogData.divaArReady) == true && this.api.getEnableRTVUnityKombi();
+      if ((_this$actSet25 = this.actSet()) !== null && _this$actSet25 !== void 0 && _this$actSet25.CatalogData.divaForceRTV) return false;
+      return ((_this$actSet26 = this.actSet()) === null || _this$actSet26 === void 0 ? void 0 : _this$actSet26.CatalogData.divaArReady) == true && this.api.getEnableRTVUnityKombi();
     }
   }, {
     key: "getShelfPlannerRTV",
     value: function getShelfPlannerRTV() {
-      var _this$actSet26;
-      return (_this$actSet26 = this.actSet()) === null || _this$actSet26 === void 0 ? void 0 : _this$actSet26.CatalogData.useShelfPlannerRTV;
+      var _this$actSet27;
+      return (_this$actSet27 = this.actSet()) === null || _this$actSet27 === void 0 ? void 0 : _this$actSet27.CatalogData.useShelfPlannerRTV;
     }
   }, {
     key: "getBasketData",
@@ -40937,8 +40967,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCatalogData",
     value: function getCatalogData() {
-      var _this$actSet27;
-      return (_this$actSet27 = this.actSet()) === null || _this$actSet27 === void 0 ? void 0 : _this$actSet27.CatalogData;
+      var _this$actSet28;
+      return (_this$actSet28 = this.actSet()) === null || _this$actSet28 === void 0 ? void 0 : _this$actSet28.CatalogData;
     }
   }, {
     key: "ReturnTo",
@@ -41641,8 +41671,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       return Object.values(this.sets);
     }
 
-    /**
-     * This function returns the planner mode.
+    /**
+     * This function returns the planner mode.
      */
   }, {
     key: "getPlannerMode",
@@ -41760,8 +41790,8 @@ var DockingPoint = /*#__PURE__*/function () {
     this.layer = layer;
   }
 
-  /**
-   * Creates a clone of the current dockingPoint
+  /**
+   * Creates a clone of the current dockingPoint
    */
   return _createClass(DockingPoint, [{
     key: "clone",
@@ -41840,10 +41870,10 @@ var DockingPoint = /*#__PURE__*/function () {
     get: function get() {
       return this.dockingPoint.dpFilter;
     }
-    /**
-     * This function is called when the dockingPoint is docked to another dockingPoint
-     * @param refDockingPoint   The reference dockingpoint, this is docked to
-     * @param refElementId      The elementId of the reference DockingPoint
+    /**
+     * This function is called when the dockingPoint is docked to another dockingPoint
+     * @param refDockingPoint   The reference dockingpoint, this is docked to
+     * @param refElementId      The elementId of the reference DockingPoint
      */
   }, {
     key: "doDock",
@@ -41853,8 +41883,8 @@ var DockingPoint = /*#__PURE__*/function () {
       this.dockingPoint.onElementId = refElementId;
     }
 
-    /**
-     * This function is called when the dockingpoint should be undocked
+    /**
+     * This function is called when the dockingpoint should be undocked
      */
   }, {
     key: "undock",
@@ -41864,9 +41894,9 @@ var DockingPoint = /*#__PURE__*/function () {
       this.dockingPoint.onElementId = undefined;
     }
 
-    /**
-     * This function is used to disable the dp temporarily. It is ignored in the planer
-     * @param doDisable
+    /**
+     * This function is used to disable the dp temporarily. It is ignored in the planer
+     * @param doDisable
      */
   }, {
     key: "disableDP",
@@ -42174,24 +42204,24 @@ var Grid = /*#__PURE__*/function () {
     }
     this.updateRequredCells();
   }
-  /**
-   * this logic tries to fit in an accessoire on certain index
-   * if gridAllowedOnCells is not undefined it means the accessoire has some certain indexes where it can be placed.
-   * @param size cellsize of the accessoire
-   * @param index place where try to fit
-   * @param gridAllowedOnCells specific rules bounded with a parentCodex
-   * @returns
-   *
-   * type:
-   * "fitsOn" |               -> accessoires has space
-   * "fitsOnParentRule" |     -> accessoires has space on the specific parent rule
-   * "doesNotFit" |           -> accessoires has not space
-   * "notAllowedByParentRule" -> accessoires has not space on the specific parent rule
-   * "fitsOnParentRuleButOriginalNotAllowed" -> accessoires has space somewhere eles but not on the original space
-   *
-   * index?: number          -> final index where the accessoire has enough space to be placed
-   * size: number
-   * canOnlyFitOn?: number[] -> made for the error message to tell the user where the accessoire only can take place
+  /**
+   * this logic tries to fit in an accessoire on certain index
+   * if gridAllowedOnCells is not undefined it means the accessoire has some certain indexes where it can be placed.
+   * @param size cellsize of the accessoire
+   * @param index place where try to fit
+   * @param gridAllowedOnCells specific rules bounded with a parentCodex
+   * @returns
+   *
+   * type:
+   * "fitsOn" |               -> accessoires has space
+   * "fitsOnParentRule" |     -> accessoires has space on the specific parent rule
+   * "doesNotFit" |           -> accessoires has not space
+   * "notAllowedByParentRule" -> accessoires has not space on the specific parent rule
+   * "fitsOnParentRuleButOriginalNotAllowed" -> accessoires has space somewhere eles but not on the original space
+   *
+   * index?: number          -> final index where the accessoire has enough space to be placed
+   * size: number
+   * canOnlyFitOn?: number[] -> made for the error message to tell the user where the accessoire only can take place
    */
   return _createClass(Grid, [{
     key: "tryFitOnShelf",
@@ -42317,12 +42347,12 @@ var Grid = /*#__PURE__*/function () {
       });
     }
 
-    /**
-     * new accessoire gets placed in the grid
-     * @param index
-     * @param accessoire
-     * @param type
-     * @param onlyPlaceHolder
+    /**
+     * new accessoire gets placed in the grid
+     * @param index
+     * @param accessoire
+     * @param type
+     * @param onlyPlaceHolder
      */
   }, {
     key: "addAccessoireInCells",
@@ -42382,9 +42412,9 @@ var Grid = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     *  accessoire gets deleted in the grid
-     * @param index
+    /**
+     *  accessoire gets deleted in the grid
+     * @param index
      */
   }, {
     key: "deleteAccessoireInCells",
@@ -42623,9 +42653,9 @@ var Grid = /*#__PURE__*/function () {
       })) return false;
       return true;
     }
-    /**
-     * here the rules in heightGridCellCountOnRule get checked and controlled if the new rules != the current rule
-     * @returns
+    /**
+     * here the rules in heightGridCellCountOnRule get checked and controlled if the new rules != the current rule
+     * @returns
      */
   }, {
     key: "onConfigChanged",
@@ -42651,11 +42681,11 @@ var Grid = /*#__PURE__*/function () {
       return returnTypes;
     }
 
-    /**
-     * complicated but well testet logic to move accessoires with drag and drop in the grid
-     * @param initialIndex from index
-     * @param finalIndex to index
-     * @returns
+    /**
+     * complicated but well testet logic to move accessoires with drag and drop in the grid
+     * @param initialIndex from index
+     * @param finalIndex to index
+     * @returns
      */
   }, {
     key: "moveCell",
@@ -42794,9 +42824,9 @@ var Grid = /*#__PURE__*/function () {
       return resetCells ? 'RESETTED_CELLS' : 'SUCCESS';
     }
 
-    /**
-     *
-     * @returns if one or more cells a still required return true
+    /**
+     *
+     * @returns if one or more cells a still required return true
      */
   }, {
     key: "areCellsStillRequired",
@@ -42810,9 +42840,9 @@ var Grid = /*#__PURE__*/function () {
       return false;
     }
 
-    /**
-     * here the heightGridCellRequired gets evaluated and updated in the cells
-     * gets always called after something was added, moved or removed in the cells
+    /**
+     * here the heightGridCellRequired gets evaluated and updated in the cells
+     * gets always called after something was added, moved or removed in the cells
      */
   }, {
     key: "updateRequredCells",
@@ -43039,9 +43069,9 @@ var Grid = /*#__PURE__*/function () {
       })) || [];
     }
 
-    /**
-     * helperfuntion to get the parentshelfId of an shelfPlanner eg: T-Stück
-     * @returns
+    /**
+     * helperfuntion to get the parentshelfId of an shelfPlanner eg: T-Stück
+     * @returns
      */
   }, {
     key: "getShelfParentShelfId",
@@ -59028,10 +59058,10 @@ var ProductHandler = /*#__PURE__*/function () {
     this.livingArea = livingArea;
     this.mainCategory = mainCategory;
     this.subCategory = subCategory;
-    /**
-     * Saves the products in the current state
-     * @param basket the basket data for which products get created/loaded
-     * @param catalogData the catalog data for this basket
+    /**
+     * Saves the products in the current state
+     * @param basket the basket data for which products get created/loaded
+     * @param catalogData the catalog data for this basket
      */
     _defineProperty(this, "createAndSave", /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
@@ -59067,12 +59097,12 @@ var ProductHandler = /*#__PURE__*/function () {
         return _ref2.apply(this, arguments);
       };
     }());
-    /**
-     * Saves the products in the current state
-     * @param basket the basket data for which products get created/loaded
-     * @param catalogData the catalog data for this basket
-     * @param catalogServiceUrl the url for the catalog service
-     * @param productData an optional list of products, if set no products get loaded from the server
+    /**
+     * Saves the products in the current state
+     * @param basket the basket data for which products get created/loaded
+     * @param catalogData the catalog data for this basket
+     * @param catalogServiceUrl the url for the catalog service
+     * @param productData an optional list of products, if set no products get loaded from the server
      */
     _defineProperty(this, "loadProducts", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
@@ -59310,14 +59340,14 @@ var ProductHandler = /*#__PURE__*/function () {
         return _ref4.apply(this, arguments);
       };
     }());
-    /**
-     * Saves the products in the current state
-     * @param baseData the basedata of the base product
-     * @param classificationData the classification data of the base product
-     * @param variantData the list of varinat products
-     * @param removedProducts the ids of products that get removed
-     * @param removedMedia the list of media items that get removed
-     * @param classificationFields the lists of classification fields used
+    /**
+     * Saves the products in the current state
+     * @param baseData the basedata of the base product
+     * @param classificationData the classification data of the base product
+     * @param variantData the list of varinat products
+     * @param removedProducts the ids of products that get removed
+     * @param removedMedia the list of media items that get removed
+     * @param classificationFields the lists of classification fields used
      */
     _defineProperty(this, "saveData", /*#__PURE__*/function () {
       var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref9) {
@@ -59411,12 +59441,12 @@ var ProductHandler = /*#__PURE__*/function () {
   return _createClass(ProductHandler, [{
     key: "initVariant",
     value:
-    /**
-     * Calculates the inital state of one varinat data entry
-     *
-     * @param baseData the inital base data
-     * @param param1 one variant data entry
-     * @returns the inital state of one varinat data entry
+    /**
+     * Calculates the inital state of one varinat data entry
+     *
+     * @param baseData the inital base data
+     * @param param1 one variant data entry
+     * @returns the inital state of one varinat data entry
      */
     function initVariant(baseData, baseClassification, cv, product, classificationFields) {
       var _cv$VariantDescriptio, _baseData$articles, _classificationFields;