@crystaldesign/web-planner-logic 24.12.1 → 24.12.2

package/build/esm/{DivaBoxPlanner-0748b14a.js → DivaBoxPlanner-655a32f3.js}

@@ -3,10 +3,10 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { V as Vector3, B as BoundingBox } from './index-3870ea62.js';
+import { V as Vector3, B as BoundingBox } from './index-84339e2f.js';
 import DivaUtils, { DivaError, md5 } from '@crystaldesign/diva-utils';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { d as dockingPointHandlerInst, P as PlannerElementData, h as handler2D } from './PlannerHandler2D-844fc811.js';
+import { d as dockingPointHandlerInst, P as PlannerElementData, h as handler2D } from './PlannerHandler2D-ad96ee8d.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/slicedToArray';
 import 'axios';
@@ -422,11 +422,11 @@ var BoxPlannerPartlistHelper = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This fucntion corrects the left front Senkrechte Rahmen of the element
-     * @param curElement
-     * @param boxPlannerGrid
-     * @param optionHandler
+    /**
+     * This fucntion corrects the left front Senkrechte Rahmen of the element
+     * @param curElement
+     * @param boxPlannerGrid
+     * @param optionHandler
      */
   }, {
     key: "correctRahmenVerticalLeftFront",
@@ -469,11 +469,11 @@ var BoxPlannerPartlistHelper = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This fucntion corrects the left front Senkrechte Rahmen of the element
-     * @param curElement
-     * @param boxPlannerGrid
-     * @param optionHandler
+    /**
+     * This fucntion corrects the left front Senkrechte Rahmen of the element
+     * @param curElement
+     * @param boxPlannerGrid
+     * @param optionHandler
      */
   }, {
     key: "correctRahmenVerticalLeftBack",
@@ -527,11 +527,11 @@ var BoxPlannerPartlistHelper = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This fucntion corrects the left front Senkrechte Rahmen of the element
-     * @param curElement
-     * @param boxPlannerGrid
-     * @param optionHandler
+    /**
+     * This fucntion corrects the left front Senkrechte Rahmen of the element
+     * @param curElement
+     * @param boxPlannerGrid
+     * @param optionHandler
      */
   }, {
     key: "correctRahmenVerticalRightFront",
@@ -583,11 +583,11 @@ var BoxPlannerPartlistHelper = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This fucntion corrects the left front Senkrechte Rahmen of the element
-     * @param curElement
-     * @param boxPlannerGrid
-     * @param optionHandler
+    /**
+     * This fucntion corrects the left front Senkrechte Rahmen of the element
+     * @param curElement
+     * @param boxPlannerGrid
+     * @param optionHandler
      */
   }, {
     key: "correctRahmenVerticalRightBack",
@@ -1425,76 +1425,76 @@ var BoxPlannerPartlistHelper = /*#__PURE__*/function () {
             }
             break;
         }
-        /*
-        if (!this.getElementHasBottomPlate(curElement, optionHandler)) {
-          //Element has no ground plate
-          if (!boxPlannerGrid.getElementHasRightElement(curElement.getElementId())) {
-            let opposideElement = boxPlannerGrid.getOppositeElement(curElement.getElementId());
-            if (opposideElement) {
-              if (this.getElementHasBottomPlate(opposideElement, optionHandler)) {
-                //The opposide element has a ground plate
-                this.setOptionValue(
-                  curElement.getElementId(),
-                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
-                  this.constructionRules.knotInfo.knotOPVs.knot3er_1GT,
-                  optionHandler,
-                );
-              } else {
-                //The opposide element has no ground plate
-                this.setOptionValue(
-                  curElement.getElementId(),
-                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
-                  this.constructionRules.knotInfo.knotOPVs.knot3er_0GT,
-                  optionHandler,
-                );
-              }
-            }
-          } else {
-            //Element has neighbor element
-            //Set the Glasteller count depending on the plates of the neighbors
-            switch (this.getGroundPlatesNumOfRightNeighbors(curElement, boxPlannerGrid, optionHandler)) {
-              case 0:
-                this.setOptionValue(
-                  curElement.getElementId(),
-                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
-                  this.constructionRules.knotInfo.knotOPVs.knot4er_0GT,
-                  optionHandler,
-                );
-                break;
-              case 1:
-                this.setOptionValue(
-                  curElement.getElementId(),
-                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
-                  this.constructionRules.knotInfo.knotOPVs.knot4er_1GT,
-                  optionHandler,
-                );
-                break;
-              case 2:
-                this.setOptionValue(
-                  curElement.getElementId(),
-                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
-                  this.constructionRules.knotInfo.knotOPVs.knot4er_2GT,
-                  optionHandler,
-                );
-                break;
-              case 3:
-                this.setOptionValue(
-                  curElement.getElementId(),
-                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
-                  this.constructionRules.knotInfo.knotOPVs.knot4er_3GT,
-                  optionHandler,
-                );
-                break;
-              case 4:
-                this.setOptionValue(
-                  curElement.getElementId(),
-                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
-                  this.constructionRules.knotInfo.knotOPVs.knot4er_4GT,
-                  optionHandler,
-                );
-                break;
-            }
-          }
+        /*
+        if (!this.getElementHasBottomPlate(curElement, optionHandler)) {
+          //Element has no ground plate
+          if (!boxPlannerGrid.getElementHasRightElement(curElement.getElementId())) {
+            let opposideElement = boxPlannerGrid.getOppositeElement(curElement.getElementId());
+            if (opposideElement) {
+              if (this.getElementHasBottomPlate(opposideElement, optionHandler)) {
+                //The opposide element has a ground plate
+                this.setOptionValue(
+                  curElement.getElementId(),
+                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
+                  this.constructionRules.knotInfo.knotOPVs.knot3er_1GT,
+                  optionHandler,
+                );
+              } else {
+                //The opposide element has no ground plate
+                this.setOptionValue(
+                  curElement.getElementId(),
+                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
+                  this.constructionRules.knotInfo.knotOPVs.knot3er_0GT,
+                  optionHandler,
+                );
+              }
+            }
+          } else {
+            //Element has neighbor element
+            //Set the Glasteller count depending on the plates of the neighbors
+            switch (this.getGroundPlatesNumOfRightNeighbors(curElement, boxPlannerGrid, optionHandler)) {
+              case 0:
+                this.setOptionValue(
+                  curElement.getElementId(),
+                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
+                  this.constructionRules.knotInfo.knotOPVs.knot4er_0GT,
+                  optionHandler,
+                );
+                break;
+              case 1:
+                this.setOptionValue(
+                  curElement.getElementId(),
+                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
+                  this.constructionRules.knotInfo.knotOPVs.knot4er_1GT,
+                  optionHandler,
+                );
+                break;
+              case 2:
+                this.setOptionValue(
+                  curElement.getElementId(),
+                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
+                  this.constructionRules.knotInfo.knotOPVs.knot4er_2GT,
+                  optionHandler,
+                );
+                break;
+              case 3:
+                this.setOptionValue(
+                  curElement.getElementId(),
+                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
+                  this.constructionRules.knotInfo.knotOPVs.knot4er_3GT,
+                  optionHandler,
+                );
+                break;
+              case 4:
+                this.setOptionValue(
+                  curElement.getElementId(),
+                  this.constructionRules.knotInfo.knotOPT_RightBottomBack,
+                  this.constructionRules.knotInfo.knotOPVs.knot4er_4GT,
+                  optionHandler,
+                );
+                break;
+            }
+          }
         }*/
       }
       if (this.getElementIsCornerElement(curElement, optionHandler)) {
@@ -1679,19 +1679,19 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
     _defineProperty(this, "checkArticleHasOption", void 0);
     _defineProperty(this, "updateCfgValuesByPlanner", void 0);
     // private repairPairs: () => void;
-    /**
-     * This object holds all the information for constructing the boxPlanner. If you place for example two elements one after another, so the left element has no right wall. However, the right element has a left wall.
-     *  Futhermore, there are options, that are applied only to specific elements.
+    /**
+     * This object holds all the information for constructing the boxPlanner. If you place for example two elements one after another, so the left element has no right wall. However, the right element has a left wall.
+     *  Futhermore, there are options, that are applied only to specific elements.
      */
     _defineProperty(this, "constructionRules", void 0);
     _defineProperty(this, "constructionRulesLoaded", void 0);
     _defineProperty(this, "hideOptionsForConstruction", void 0);
     //This saves an array of options per elementID that are hidden due to construction rules
     _defineProperty(this, "partlistHelper", void 0);
-    /**
-     * This function looks what value the option has in the current OptionHandler
-     * @param elementId ElementId
-     * @param opt       OptionKey
+    /**
+     * This function looks what value the option has in the current OptionHandler
+     * @param elementId ElementId
+     * @param opt       OptionKey
      */
     _defineProperty(this, "getOptionVal", function (elementId, opt, optionHandler) {
       if (optionHandler.has(elementId)) {
@@ -1703,12 +1703,12 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       var opv = _this.getValueOfOptionOfArticle(elementId, opt);
       return opv != undefined ? opv : '';
     });
-    /**
-     * this fuction check is an element has an option and retuns a bool
-     * @param elementId ElementId
-     * @param opt       OptionKey
-     * @param optionHandler
-     * @returns
+    /**
+     * this fuction check is an element has an option and retuns a bool
+     * @param elementId ElementId
+     * @param opt       OptionKey
+     * @param optionHandler
+     * @returns
      */
     _defineProperty(this, "hasOptionValue", function (elementId, opt, optionHandler) {
       if (optionHandler.has(elementId)) {
@@ -1719,8 +1719,8 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       var opv = _this.getValueOfOptionOfArticle(elementId, opt);
       return !!opv;
     });
-    /**
-     * This function sets te OptionValue in the optionHandler and hideOptiosnForConstruction Information
+    /**
+     * This function sets te OptionValue in the optionHandler and hideOptiosnForConstruction Information
      */
     _defineProperty(this, "setOptionValue", function (elementId, option, optionValue, optionHandler) {
       var _optionHandler$get;
@@ -1734,9 +1734,9 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
         }
       }
     });
-    /**
-     * This function returns true, if the element has a bottom Plate. Elements with bottom plate are e.g. Offenes Fach oder Schubladen.
-     * Elements without bottom plate are "Garderobe" or "Offenes Fach ohne Boden"
+    /**
+     * This function returns true, if the element has a bottom Plate. Elements with bottom plate are e.g. Offenes Fach oder Schubladen.
+     * Elements without bottom plate are "Garderobe" or "Offenes Fach ohne Boden"
      */
     _defineProperty(this, "getElementHasBottomPlate", function (curElement, optionHandler) {
       if (_this.constructionRules.knotInfo.elementsWithGroundPlate) {
@@ -1749,10 +1749,10 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       }
       return false;
     });
-    /**
-     * This function returns true if the current element is a corner element
-     * @param curElement
-     * @param optionHandler
+    /**
+     * This function returns true if the current element is a corner element
+     * @param curElement
+     * @param optionHandler
      */
     _defineProperty(this, "getElementIsCornerElement", function (curElement, optionHandler) {
       return _this.constructionRules.hasCORNER && _this.arrayContainsValue(_this.constructionRules.knotInfo.cornerElements.onOPVs, _this.getOptionVal(curElement.getElementId(), _this.constructionRules.knotInfo.cornerElements.onOPT, optionHandler));
@@ -1764,11 +1764,11 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       if (_this.getOptionVal(curElement.getElementId(), 'OPTELEMENT', optionHandler) == 'OPVECK_I') return 'INSIDE';else if (_this.getOptionVal(curElement.getElementId(), 'OPTELEMENT', optionHandler) == 'OPVECK_A') return 'OUTSIDE';
       return 'NOCORNER';
     });
-    /**
-     * This function returns true, if the element has a top plate. It has a top plate if it has no element on the top or the element on the top has a ground plate.
-     * It has no top plate, if the element on top has no ground plate, like a "Garderobe"
-     * @param curElement
-     * @param optionHandler
+    /**
+     * This function returns true, if the element has a top plate. It has a top plate if it has no element on the top or the element on the top has a ground plate.
+     * It has no top plate, if the element on top has no ground plate, like a "Garderobe"
+     * @param curElement
+     * @param optionHandler
      */
     _defineProperty(this, "getElementHasTopPlate", function (curElement, boxPlannerGrid, optionHandler) {
       if (boxPlannerGrid.getElementHasTopElement(curElement.getElementId())) {
@@ -1784,11 +1784,11 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
     this.partlistHelper = new BoxPlannerPartlistHelper(this.getOptionVal, this.setOptionValue, this.getElementHasBottomPlate, this.getElementIsCornerElement, this.getCornerType, this.getElementHasTopPlate, this.getElementIsGarderobeElement);
   }
 
-  /**
-   * This function returns true if an array contains a specific value.
-   * E.G. All unvalid options are separated using ; . This function now returns true, if a specific option is inside
-   * @param rule
-   * @param opt
+  /**
+   * This function returns true if an array contains a specific value.
+   * E.G. All unvalid options are separated using ; . This function now returns true, if a specific option is inside
+   * @param rule
+   * @param opt
    */
   return _createClass(ConstructionRulesHandler, [{
     key: "arrayContainsValue",
@@ -1821,11 +1821,11 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
   }, {
     key: "setOptionDoShow",
     value:
-    /**
-     * This function sets a specific Option to be visible.
-     * @param elementId     The elementID of the target element
-     * @param option        The option that should be set to Visible
-     * @param optionHandler The optionHandler that saves all optionChanges in order to fit the boxplannerLogic
+    /**
+     * This function sets a specific Option to be visible.
+     * @param elementId     The elementID of the target element
+     * @param option        The option that should be set to Visible
+     * @param optionHandler The optionHandler that saves all optionChanges in order to fit the boxplannerLogic
      */
     function setOptionDoShow(elementId, option, optionHandler) {
       //DivaUtils.LOG.log("Update Box Planner Logic. SetOptionDoShow: elementID: " + elementId + "; Option:  " + option);
@@ -1851,11 +1851,11 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
         }
       }
     }
-    /**
-     * This function sets a specific Option to be hidden.
-     * @param elementId     The elementID of the target element
-     * @param option        The option that should be set to hidden
-     * @param optionHandler The optionHandler that saves all optionChanges in order to fit the boxplannerLogic
+    /**
+     * This function sets a specific Option to be hidden.
+     * @param elementId     The elementID of the target element
+     * @param option        The option that should be set to hidden
+     * @param optionHandler The optionHandler that saves all optionChanges in order to fit the boxplannerLogic
      */
   }, {
     key: "setOptionDoHide",
@@ -2110,12 +2110,12 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       return messageForView;
     }
 
-    /**
-     * Eg. height or width changed
-     * @param boxPlannerGrid
-     * @param changedOPTs
-     * @param onSelectionChangedElementId
-     * @param optionHandler
+    /**
+     * Eg. height or width changed
+     * @param boxPlannerGrid
+     * @param changedOPTs
+     * @param onSelectionChangedElementId
+     * @param optionHandler
      */
   }, {
     key: "doCorrectAffectedElementsByOption",
@@ -2180,9 +2180,9 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       }
     }
 
-    /*
-      This function handles that only one Opt is visible. For Example if a Element Right is already shown, then the element right is hidden. 
-      However, one of both is always visible.
+    /*
+      This function handles that only one Opt is visible. For Example if a Element Right is already shown, then the element right is hidden. 
+      However, one of both is always visible.
       */
   }, {
     key: "handleVisibility_SHOW_HIDE",
@@ -2199,9 +2199,9 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       }
     }
 
-    /*
-      This function handles that only one Opt is visible when the options depend on a element on the front and backside.
-      This is only called once for the element on the backside
+    /*
+      This function handles that only one Opt is visible when the options depend on a element on the front and backside.
+      This is only called once for the element on the backside
       */
   }, {
     key: "handleBacksideVisibility_SHOW_HIDE",
@@ -2223,11 +2223,11 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function forces both options to hide IF both options are visible. if only one Option is visible, nothing happens.
-     * @param {*} curArticle
-     * @param {*} neighborArticle
-     * @param {*} rule
+    /**
+     * This function forces both options to hide IF both options are visible. if only one Option is visible, nothing happens.
+     * @param {*} curArticle
+     * @param {*} neighborArticle
+     * @param {*} rule
      */
   }, {
     key: "handleVisibiliy_HIDE_HIDE",
@@ -2344,10 +2344,10 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function corrects the back after everything is set (Default + force options)
-     * @param boxPlannerGrid
-     * @param curElement
+    /**
+     * This function corrects the back after everything is set (Default + force options)
+     * @param boxPlannerGrid
+     * @param curElement
      */
   }, {
     key: "correctBack",
@@ -2652,10 +2652,10 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
               var neighbourElement = boxPlannerGrid.getNeighborElement(curElemPos.col, curElemPos.row, tempComplementDir, curElemPos.backside);
               if (neighbourElement != undefined) {
                 //Check complementary option
-                /*
-                if (forceOptValue == "dShow") {
-                  //beim aktuellen artikel MUSS es gesetzt werden
-                  this.setOptionDoShow(curElementId, optName, optionHandler);
+                /*
+                if (forceOptValue == "dShow") {
+                  //beim aktuellen artikel MUSS es gesetzt werden
+                  this.setOptionDoShow(curElementId, optName, optionHandler);
                 }*/
                 var rulesForNeighborArticle = this.getCurOptionBasedConstructionRules(neighbourElement.ElementId, optionHandler);
                 var complementOptName = optInfo.complementOPT;
@@ -2770,17 +2770,17 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       }
     }
 
-    /*
-    "_comment_correctRetailArticleNumberByRule": "Specifies that SAP numbers have to be switched when all Elements (range=global) satisfy the rule",
-        "range": "global",
-        "rule": "OPTFARBE_RAHMEN=OPVCHROM&OPTFARBE=OPVWEISS",
-        "retailArticleRules": [
-          {
-            "origRetailArticleNr": 91194,
-            "origPrefix": "SAP",
-            "newRetailArticleNr": 90771,
-            "newPrefix": "SAP"
-          },
+    /*
+    "_comment_correctRetailArticleNumberByRule": "Specifies that SAP numbers have to be switched when all Elements (range=global) satisfy the rule",
+        "range": "global",
+        "rule": "OPTFARBE_RAHMEN=OPVCHROM&OPTFARBE=OPVWEISS",
+        "retailArticleRules": [
+          {
+            "origRetailArticleNr": 91194,
+            "origPrefix": "SAP",
+            "newRetailArticleNr": 90771,
+            "newPrefix": "SAP"
+          },
     */
   }, {
     key: "correctNeighborCustomOLTs",
@@ -2844,15 +2844,14 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
 
     //Die gleiche Option kann sowohl nach rechts als auch nach oben gesetzt werden (Rahmen rechts oben). Wenn das der Fall ist, darf wenn es rechts keinen Nachbarn gibt nicht mit doShow überschrieben werden, wenn es vorher bei TOP versteckt wurde
     //Deshalb darf es nicht angeschalten werden, wenn es in der gleichen Runde ausgeschalten wurde
-    /*
-     Diese Funktion korrigiert alle sogenannten Construction Options. Beim Planer dürfen zwei nebeneinanderliegenden Elemente nicht jeweils eine Wand rechts und das daneben eine Wand links haben. 
-     Dann würden nämlich zwei Wände nebeneinander liegen. 
-     Des Weiteren kümmert sich die Funktion darum, dass Füße nur auf der untersten ebene zu sehen sind. 
-     Generell wird hier das constuctionRules Objekt evaluiert und ausgewertet. 
-     Das Ergebnis wird direkt in den Optionen der Artikel abgepseichert. 
-       onSelectionChangedArticle: Das ist der Articel der ausgewählt war, als die Option geändert wurde
-    
-     */
+    /*
+     Diese Funktion korrigiert alle sogenannten Construction Options. Beim Planer dürfen zwei nebeneinanderliegenden Elemente nicht jeweils eine Wand rechts und das daneben eine Wand links haben. 
+     Dann würden nämlich zwei Wände nebeneinander liegen. 
+     Des Weiteren kümmert sich die Funktion darum, dass Füße nur auf der untersten ebene zu sehen sind. 
+     Generell wird hier das constuctionRules Objekt evaluiert und ausgewertet. 
+     Das Ergebnis wird direkt in den Optionen der Artikel abgepseichert. 
+      onSelectionChangedArticle: Das ist der Articel der ausgewählt war, als die Option geändert wurde
+       */
   }, {
     key: "updateOptionLogicBoxPlanner",
     value: function () {
@@ -2944,9 +2943,9 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       }
       return updateOptionLogicBoxPlanner;
     }()
-    /**
-     * This function is called when an element is deleted. It deletes the saved constcutionInformation
-     * @param elementId
+    /**
+     * This function is called when an element is deleted. It deletes the saved constcutionInformation
+     * @param elementId
      */
   }, {
     key: "onElemDeleted",
@@ -2956,10 +2955,10 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function is called when an element is copied. The hideOptionsForConstruction information is copied from one element to the new one.
-     * @param origElementId
-     * @param newElementId
+    /**
+     * This function is called when an element is copied. The hideOptionsForConstruction information is copied from one element to the new one.
+     * @param origElementId
+     * @param newElementId
      */
   }, {
     key: "onElementCopy",
@@ -2997,8 +2996,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
     this.getValueOfOptionOfArticle = getValueOfOptionOfArticle;
   }
 
-  /*
-   * Gibt die Breite einer Spalte im Grid zurück. Die Spalte ist immer so breit wie das breiteste Element darin
+  /*
+   * Gibt die Breite einer Spalte im Grid zurück. Die Spalte ist immer so breit wie das breiteste Element darin
    */
   return _createClass(BoxPlannerGrid, [{
     key: "getGridColumnWidth",
@@ -3024,8 +3023,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       }
       return height;
     }
-    /*
-       Deletes the Element on the specified grid Position. If there is no other element in the column, the whole column is deleted.
+    /*
+       Deletes the Element on the specified grid Position. If there is no other element in the column, the whole column is deleted.
        */
   }, {
     key: "deleteGridPos",
@@ -3068,17 +3067,17 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       }
     }
 
-    /*
-          private correctWorldPosInGrid(plannerElement: PlannerElementData) {
-              //Braucht es das überhaupt?
-          }
+    /*
+          private correctWorldPosInGrid(plannerElement: PlannerElementData) {
+              //Braucht es das überhaupt?
+          }
       */
 
-    /**
-     * This function returns the ElementID of the element at a specific GridPosition.
-     * If there is no element at this position, the function returns undefined
-     * @param curXPos
-     * @param curYPos
+    /**
+     * This function returns the ElementID of the element at a specific GridPosition.
+     * If there is no element at this position, the function returns undefined
+     * @param curXPos
+     * @param curYPos
      */
   }, {
     key: "getPlannerElementAtGridPos",
@@ -3090,10 +3089,10 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * This function returns the index of an element by elementId in the grid.
-     * It returns the column and row position in the grid and if it is in the front or backgrid
-     * @param elementId
+    /**
+     * This function returns the index of an element by elementId in the grid.
+     * It returns the column and row position in the grid and if it is in the front or backgrid
+     * @param elementId
      */
   }, {
     key: "getIndexInGridByElementId",
@@ -3122,8 +3121,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
         backside: false
       };
     }
-    /**
-     * This function returns all elementIds that are inside the grid
+    /**
+     * This function returns all elementIds that are inside the grid
      */
   }, {
     key: "getAllElementIdsInGrid",
@@ -3163,8 +3162,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       }
       return allElements;
     }
-    /**
-     * This function returns all elements In grid - from frontside and from backside
+    /**
+     * This function returns all elements In grid - from frontside and from backside
      */
   }, {
     key: "getAllElementsInGrid",
@@ -3190,9 +3189,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return curElementGrid[pos.col][pos.row];
     }
 
-    /**
-     * Returns true if the element by ElementId is in the bottomLeft corner of the grid
-     * @param elementId
+    /**
+     * Returns true if the element by ElementId is in the bottomLeft corner of the grid
+     * @param elementId
      */
   }, {
     key: "getElementIsFirstInGrid",
@@ -3201,9 +3200,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return pos.col == 0 && pos.row == 0 && !pos.backside;
     }
 
-    /**
-     * Returns true if the element by ElementId is in the bottomLeft corner of the grid
-     * @param elementId
+    /**
+     * Returns true if the element by ElementId is in the bottomLeft corner of the grid
+     * @param elementId
      */
   }, {
     key: "getElementIsInLastCol",
@@ -3213,9 +3212,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return pos.col + 1 == curElementGrid.length;
     }
 
-    /**
-     * returns true if the element has another element on top
-     * @param elementId
+    /**
+     * returns true if the element has another element on top
+     * @param elementId
      */
   }, {
     key: "getElementHasTopElement",
@@ -3225,9 +3224,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       if (curElementGrid[pos.col].length > pos.row + 1) return true;
       return false;
     }
-    /**
-     * returns the element on the top of the current element
-     * @param elementId
+    /**
+     * returns the element on the top of the current element
+     * @param elementId
      */
   }, {
     key: "getTopElement",
@@ -3238,9 +3237,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * returns the element on the top right of the current element
-     * @param elementId
+    /**
+     * returns the element on the top right of the current element
+     * @param elementId
      */
   }, {
     key: "getTopRightElement",
@@ -3251,9 +3250,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * returns the element on the top left of the current element
-     * @param elementId
+    /**
+     * returns the element on the top left of the current element
+     * @param elementId
      */
   }, {
     key: "getTopLeftElement",
@@ -3263,9 +3262,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       if (pos.col > 0 && curElementGrid[pos.col - 1][pos.row - 1] != undefined) return curElementGrid[pos.col - 1][pos.row - 1];
       return undefined;
     }
-    /**
-     * returns true if the element has another element on the bottom
-     * @param elementId
+    /**
+     * returns true if the element has another element on the bottom
+     * @param elementId
      */
   }, {
     key: "getElementHasBottomElement",
@@ -3274,9 +3273,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       if (pos.row - 1 >= 0) return true;
       return false;
     }
-    /**
-     * returns the element on the bottom of the current element
-     * @param elementId
+    /**
+     * returns the element on the bottom of the current element
+     * @param elementId
      */
   }, {
     key: "getBottomElement",
@@ -3286,9 +3285,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       if (pos.row - 1 >= 0) return curElementGrid[pos.col][pos.row - 1];
       return undefined;
     }
-    /**
-     * returns true if the element has another element on its right side
-     * @param elementId
+    /**
+     * returns true if the element has another element on its right side
+     * @param elementId
      */
   }, {
     key: "getElementHasRightElement",
@@ -3311,9 +3310,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * returns true if the element has another element on its left side
-     * @param elementId
+    /**
+     * returns true if the element has another element on its left side
+     * @param elementId
      */
   }, {
     key: "getElementHasLeftElement",
@@ -3329,9 +3328,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       if (pos.col > 0 && this.getPlannerElementAtGridPos(pos.col - 1, pos.row, pos.backside) != undefined) return this.getPlannerElementAtGridPos(pos.col - 1, pos.row, pos.backside);
       return undefined;
     }
-    /*
-    returns all Elements in the column. 
-    index: index of the column in the grid
+    /*
+    returns all Elements in the column. 
+    index: index of the column in the grid
     */
   }, {
     key: "getAllElementsInColumn",
@@ -3345,8 +3344,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return curElementGrid.length > index ? result : undefined;
     }
 
-    /**
-     * This function returns the count of columns in the grid
+    /**
+     * This function returns the count of columns in the grid
      */
   }, {
     key: "getColumnCount",
@@ -3354,9 +3353,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return this.plannedElementGrid.length;
     }
 
-    /**
-     * This function returns the count of rows in a columns
-     * @param colIndex
+    /**
+     * This function returns the count of rows in a columns
+     * @param colIndex
      */
   }, {
     key: "getRowCount",
@@ -3364,9 +3363,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return this.plannedElementGrid[colIndex].length;
     }
 
-    /*
-    returns all Elements in the row of the grid. 
-    index: index of the row in the grid
+    /*
+    returns all Elements in the row of the grid. 
+    index: index of the row in the grid
     */
   }, {
     key: "getAllElementsInRow",
@@ -3379,8 +3378,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return allElements;
     }
 
-    /**
-     * This function returns the size of the highes row element over all columns
+    /**
+     * This function returns the size of the highes row element over all columns
      */
   }, {
     key: "getSizeOfHighesRow",
@@ -3393,11 +3392,11 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return highestRow;
     }
 
-    /**
-     * This function returns the neighbor element in the grid
-     * @param curXPos
-     * @param curYPos
-     * @param dir
+    /**
+     * This function returns the neighbor element in the grid
+     * @param curXPos
+     * @param curYPos
+     * @param dir
      */
   }, {
     key: "getNeighborElement",
@@ -3455,9 +3454,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return oppositeElements;
     }
 
-    /**
-     * this function returns the size Information of the set.
-     * Because of the fact that the backside is always opposite of the front side - only the front side is used for calculation
+    /**
+     * this function returns the size Information of the set.
+     * Because of the fact that the backside is always opposite of the front side - only the front side is used for calculation
      */
   }, {
     key: "getSizeOfWholeSet",
@@ -3484,8 +3483,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return new Vector3(width, height, depth);
     }
 
-    /**
-     * Returns all Elements that are under the specified element
+    /**
+     * Returns all Elements that are under the specified element
      */
   }, {
     key: "getAllElementsDown",
@@ -3611,12 +3610,12 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function deletes an Element from the grid.
-     * If backsideModule is active, than the oppsite Element is deleted as well
-     * If the boxPlanner_backside switch deletion type is set, do not delete the opposite element
-     * @param elementId
-     * @returns all elements that are deleted - it can happen that multiple elements get deleted
+    /**
+     * This function deletes an Element from the grid.
+     * If backsideModule is active, than the oppsite Element is deleted as well
+     * If the boxPlanner_backside switch deletion type is set, do not delete the opposite element
+     * @param elementId
+     * @returns all elements that are deleted - it can happen that multiple elements get deleted
      */
   }, {
     key: "deleteElement",
@@ -3640,9 +3639,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return result;
     }
 
-    /**
-     * This function updates the world position of all Elements in the grid.
-     * First the world position of the front grid is computed. If the backside is active, it also computes the posNr of the elements on the backside.
+    /**
+     * This function updates the world position of all Elements in the grid.
+     * First the world position of the front grid is computed. If the backside is active, it also computes the posNr of the elements on the backside.
      */
   }, {
     key: "updateWorldPosOfElements",
@@ -3700,9 +3699,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function destroys the box Planner and its grid. It also destroys all plannerElements inside.
-     * If the backside Module is active, also the backside module has to be updated
+    /**
+     * This function destroys the box Planner and its grid. It also destroys all plannerElements inside.
+     * If the backside Module is active, also the backside module has to be updated
      */
   }, {
     key: "destroyBoxPlannerGrid",
@@ -3727,8 +3726,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
         this.backModulPlannedElementGrid = [];
       }
     }
-    /**
-     
+    /**
+     
      */
   }, {
     key: "getAllElementsInBacksideModuleGrid",
@@ -3742,8 +3741,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       return elementsInGrid;
     }
 
-    /**
-     * Destroys the backside module Grid and returns all Element ids inside the backside grid
+    /**
+     * Destroys the backside module Grid and returns all Element ids inside the backside grid
      */
   }, {
     key: "destroyBacksideModuleGrid",
@@ -4003,10 +4002,10 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
       return saveSet;
     }
 
-    /**
-     * Add a planner Element (CoPY?)
-     * @param basketID
-     * @param params
+    /**
+     * Add a planner Element (CoPY?)
+     * @param basketID
+     * @param params
      */
   }, {
     key: "addPlannerElement",
@@ -4071,10 +4070,10 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
       }
       return extendPlanner;
     }()
-    /**
-     * Handles copyying the planner Element. it can happen that also other planner elements are influenced
-     * @param articleCopyRelation Holds the relation - which element with elementID is copyed and has a new Article. ElementToCopyID -> BasketID of new Article
-     * @param params
+    /**
+     * Handles copyying the planner Element. it can happen that also other planner elements are influenced
+     * @param articleCopyRelation Holds the relation - which element with elementID is copyed and has a new Article. ElementToCopyID -> BasketID of new Article
+     * @param params
      */
   }, {
     key: "copyPlannerElement",
@@ -4164,13 +4163,13 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
     value: function initIDM3DMeta(IDM3DCatCodex) {
       LOG.debug('No IDM3D Planner for BoxPlanner');
     }
-    /**
-     * This function returns all elements that are influenced by copying them.
-     * In the box Planner all elements under the Element to copy are copied as well
-     * If the boxPlanner has a backside element, it returns also the elements on the opposide. Depending if current element is on the front or back.
-     * @param elementId
-     * @param params
-     * @returns the list of plannerElements that have to be copied .
+    /**
+     * This function returns all elements that are influenced by copying them.
+     * In the box Planner all elements under the Element to copy are copied as well
+     * If the boxPlanner has a backside element, it returns also the elements on the opposide. Depending if current element is on the front or back.
+     * @param elementId
+     * @param params
+     * @returns the list of plannerElements that have to be copied .
      */
   }, {
     key: "getPlannerElementsInfluencedByCopy",
@@ -4205,11 +4204,11 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
       return allElementsToCopy;
     }
 
-    /**
-     * Delete Box Planner element
-     * If the box planner has an active backside, then it also deletes the opposite element
-     * @param elementId     ElementID of the element that should be deleted.
-     * @returns elementId of the next to select element
+    /**
+     * Delete Box Planner element
+     * If the box planner has an active backside, then it also deletes the opposite element
+     * @param elementId     ElementID of the element that should be deleted.
+     * @returns elementId of the next to select element
      */
   }, {
     key: "deletePlannerElement",
@@ -4284,8 +4283,8 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
       }
       return deletePlannerElement;
     }()
-    /**
-     * Get all Planner Elements used for View
+    /**
+     * Get all Planner Elements used for View
      */
     )
   }, {
@@ -4324,8 +4323,8 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
     value: function getDockedGroups() {
       return [this.boxPlannerGrid.getAllElementIdsInGrid()];
     }
-    /**
-     * Get Bounding Box of 2D Planning
+    /**
+     * Get Bounding Box of 2D Planning
      */
   }, {
     key: "getBoundingBox",
@@ -4333,15 +4332,15 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
       LOG.warn('BoxPlanner - get2DViewPlannerBoundingBox not implemented yet', 'WC_0012');
       return new BoundingBox();
     }
-    /**
-     * This function is called every time the transformation of a planner Element is changed in the view. For example when the user moves the 2D Shape around.
-     * When it is the first action, all AVL and AVR docking Points are removed. When it is the last action "END" then the planner is updated an dockable docking points are searched.
-     *
-     * @param elementId
-     * @param deltaMove
-     * @param deltaAngleDeg
-     * @param transState
-     * @param autoDockingDistance    //Gibt an in welchem Radius automatisch gedockt werden muss
+    /**
+     * This function is called every time the transformation of a planner Element is changed in the view. For example when the user moves the 2D Shape around.
+     * When it is the first action, all AVL and AVR docking Points are removed. When it is the last action "END" then the planner is updated an dockable docking points are searched.
+     *
+     * @param elementId
+     * @param deltaMove
+     * @param deltaAngleDeg
+     * @param transState
+     * @param autoDockingDistance    //Gibt an in welchem Radius automatisch gedockt werden muss
      */
   }, {
     key: "updatePlannerTrans",
@@ -4352,9 +4351,9 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
       return false;
     }
 
-    /**
-     * 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
      */
   }, {
     key: "updatePlanner",
@@ -4510,8 +4509,8 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
       }
       return updatePlanner;
     }()
-    /*
-      This function returns all informations that are needed to visualize the set in 3D
+    /*
+      This function returns all informations that are needed to visualize the set in 3D
       */
     )
   }, {
@@ -4566,8 +4565,8 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
       return this.plannerID;
     }
 
-    /**
-     * This function returns the position information for each element. The infomration is returned as an object with elementId: posNr.
+    /**
+     * This function returns the position information for each element. The infomration is returned as an object with elementId: posNr.
      */
   }, {
     key: "getElementPosInfo",
@@ -4597,8 +4596,8 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
       // this.plannerBoundingBox.calcPlannerBoundingBox(this.getAllPlannerElements());
     }
 
-    /**
-     * The planning is completed if at least one element is planned
+    /**
+     * The planning is completed if at least one element is planned
      */
   }, {
     key: "getPlanningIsComplete",