@crystaldesign/web-planner-logic 24.12.1 → 24.12.2

package/build/cjs/{PlannerHandler2D-9ce74b8c.js → PlannerHandler2D-de64a752.js}

@@ -3,7 +3,7 @@
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var index = require('./index-530d9304.js');
+var index = require('./index-e86ab943.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
@@ -82,9 +82,9 @@ var PlannerElementData = /*#__PURE__*/function () {
       return this.dockingPoints;
     }
 
-    /**
-     * This function returns true if any docking Point of the type is docking. For example, the type is AVL. if no AVL is docking - return false. If at least one AVL is docking - return true.
-     * @param type Type of the docking point
+    /**
+     * This function returns true if any docking Point of the type is docking. For example, the type is AVL. if no AVL is docking - return false. If at least one AVL is docking - return true.
+     * @param type Type of the docking point
      */
   }, {
     key: "dockingTypeIsDocking",
@@ -96,9 +96,9 @@ var PlannerElementData = /*#__PURE__*/function () {
       return false;
     }
 
-    /**
-     * This function returns all docking DPs of a specific type.
-     * @param type  The type of the docking Point , e.g. AVL
+    /**
+     * This function returns all docking DPs of a specific type.
+     * @param type  The type of the docking Point , e.g. AVL
      */
   }, {
     key: "getDockingDockingPointsByType",
@@ -111,8 +111,8 @@ var PlannerElementData = /*#__PURE__*/function () {
       return ret;
     }
 
-    /**
-     * This function returns all docking DPs of any type.
+    /**
+     * This function returns all docking DPs of any type.
      */
   }, {
     key: "getDockingDockingPoints",
@@ -124,9 +124,9 @@ var PlannerElementData = /*#__PURE__*/function () {
       return ret;
     }
 
-    /**
-     * This function returns all notDocking DPs of a specific type.
-     * @param type  The type of the docking Point , e.g. AVL
+    /**
+     * This function returns all notDocking DPs of a specific type.
+     * @param type  The type of the docking Point , e.g. AVL
      */
   }, {
     key: "getFreeDockingPointsByType",
@@ -139,10 +139,10 @@ var PlannerElementData = /*#__PURE__*/function () {
       return ret;
     }
 
-    /**
-     * This function returns the free docking with the specific type and number
-     * @param type
-     * @param number
+    /**
+     * This function returns the free docking with the specific type and number
+     * @param type
+     * @param number
      */
   }, {
     key: "getFreeDockingPointByTypeAndNumber",
@@ -153,8 +153,8 @@ var PlannerElementData = /*#__PURE__*/function () {
       return undefined;
     }
 
-    /**
-     * This function returns all docking points of the element. It returns docking and not docking points with any type.
+    /**
+     * This function returns all docking points of the element. It returns docking and not docking points with any type.
      */
   }, {
     key: "getAllDockingPoints",
@@ -182,8 +182,8 @@ var PlannerElementData = /*#__PURE__*/function () {
       }
       return undefined;
     }
-    /**
-     * This function retuns the DockingPoint info in a string format that is used for the 3D image rendering planningData.
+    /**
+     * This function retuns the DockingPoint info in a string format that is used for the 3D image rendering planningData.
      */
   }, {
     key: "getDockingPointJS3D",
@@ -204,8 +204,8 @@ var PlannerElementData = /*#__PURE__*/function () {
       var _this$planElement$pla, _this$planElement$pla2;
       return (_this$planElement$pla = this.planElement.plannerData) !== null && _this$planElement$pla !== void 0 && _this$planElement$pla.articleCodex ? (_this$planElement$pla2 = this.planElement.plannerData) === null || _this$planElement$pla2 === void 0 ? void 0 : _this$planElement$pla2.articleCodex : '';
     }
-    /**
-     * Returns true if the accessoire is docked to another element in the planner (relatedToBasketID is set).
+    /**
+     * Returns true if the accessoire is docked to another element in the planner (relatedToBasketID is set).
      */
   }, {
     key: "IsDockedAccessoire",
@@ -258,8 +258,8 @@ var PlannerElementData = /*#__PURE__*/function () {
       return this.planElement.worldPosCenter;
     }
 
-    /**
-     * This function returns the world pos of the top left bottom corner.
+    /**
+     * This function returns the world pos of the top left bottom corner.
      */,
     set: function set(pos) {
       this.planElement.worldPosCenter = pos;
@@ -279,11 +279,11 @@ var PlannerElementData = /*#__PURE__*/function () {
       this.planElement.worldPosCenter = new index.Vector3(cornerPos.x + centerDir.x, cornerPos.y + this.planElement.plannerData.height / 2, cornerPos.z + centerDir.y);
     }
 
-    /**
-     * This function updates the world position and rotation of the element based of some delta Elements
-     * @param deltaMove     delta translation in cm
-     * @param deltaRotDeg   delta rotation in degrees
-     * @param rotCorrection Specifies the degrees the rotation is corrected. For Example if rotCorrection is 5 degrees and the final angle is between 20 and 25: Then the final angle is rounded to the nearest angle
+    /**
+     * This function updates the world position and rotation of the element based of some delta Elements
+     * @param deltaMove     delta translation in cm
+     * @param deltaRotDeg   delta rotation in degrees
+     * @param rotCorrection Specifies the degrees the rotation is corrected. For Example if rotCorrection is 5 degrees and the final angle is between 20 and 25: Then the final angle is rounded to the nearest angle
      */
   }, {
     key: "updateDeltaTrans",
@@ -308,9 +308,9 @@ var PlannerElementData = /*#__PURE__*/function () {
     value: function processCenterRot(deltaRot) {
       this.RotDeg = this.RotDeg + deltaRot;
     }
-    /**
-     * Returns the position in world coordinates of the DP of the element depending on the position and rotation of the planner element
-     * @param dpID
+    /**
+     * Returns the position in world coordinates of the DP of the element depending on the position and rotation of the planner element
+     * @param dpID
      */
   }, {
     key: "getWorldPosOfDP",
@@ -321,8 +321,8 @@ var PlannerElementData = /*#__PURE__*/function () {
       return new index.Vector3(this.WorldPosCorner.x + rotatedDir.x, this.WorldPosCorner.y, this.WorldPosCorner.z + rotatedDir.y);
     }
 
-    /**
-     * Returns the outlines of the bounding box in world coordinates
+    /**
+     * Returns the outlines of the bounding box in world coordinates
      */
   }, {
     key: "getWorld2DBBoxOutline",
@@ -343,8 +343,8 @@ var PlannerElementData = /*#__PURE__*/function () {
       return this.planElement.rotDeg;
     }
 
-    /**
-     * Saves the current docking point state
+    /**
+     * Saves the current docking point state
      */,
     set: function set(rot) {
       this.planElement.rotDeg = rot;
@@ -664,8 +664,8 @@ var PlannerElementData = /*#__PURE__*/function () {
       return this.WorldPosCorner;
     }
 
-    /**
-     * This function returns the position in world coordinates of the CENTER of the plannerElement
+    /**
+     * This function returns the position in world coordinates of the CENTER of the plannerElement
      */
   }, {
     key: "getWorldPosCenter",
@@ -744,8 +744,8 @@ var PlannerElementData = /*#__PURE__*/function () {
       return this.plannerType;
     }
 
-    /**
-     * Returns the original svg XML
+    /**
+     * Returns the original svg XML
      */
   }, {
     key: "getSVGData",
@@ -828,10 +828,10 @@ var SVGUtils = /*#__PURE__*/function () {
   function SVGUtils() {
     _classCallCheck__default["default"](this, SVGUtils);
   }
-  /**
-   * This function removes all VIF and OLF information from the SVG. This is used for displaying only the OLT information
-   * @param content The svg with OLF and OLT
-   * @returns SVG with only OLT information
+  /**
+   * This function removes all VIF and OLF information from the SVG. This is used for displaying only the OLT information
+   * @param content The svg with OLF and OLT
+   * @returns SVG with only OLT information
    */
   return _createClass__default["default"](SVGUtils, [{
     key: "removeOLFFromSvg",
@@ -858,10 +858,10 @@ var SVGUtils = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function returns the DPs of an svg
-     * @param content The svg with OLF and OLT
-     * @returns SVG with only OLT information
+    /**
+     * This function returns the DPs of an svg
+     * @param content The svg with OLF and OLT
+     * @returns SVG with only OLT information
      */
   }, {
     key: "getDPsInSVG",
@@ -895,10 +895,10 @@ var SVGUtils = /*#__PURE__*/function () {
       return dockingpointsSvgLine;
     }
 
-    /**
-     * This function returns the DPs of an svg
-     * @param content The svg with OLF and OLT
-     * @returns SVG with only OLT information
+    /**
+     * This function returns the DPs of an svg
+     * @param content The svg with OLF and OLT
+     * @returns SVG with only OLT information
      */
   }, {
     key: "getPointOfPoligonById",
@@ -947,9 +947,9 @@ var SVGUtils = /*#__PURE__*/function () {
       };
     }
 
-    /**
-     * This function looks if the svg has a Mask HTML element. If so it removes all masks from SVG
-     * @param content
+    /**
+     * This function looks if the svg has a Mask HTML element. If so it removes all masks from SVG
+     * @param content
      */
   }, {
     key: "removeMaskFromSvg",
@@ -975,11 +975,11 @@ var SVGUtils = /*#__PURE__*/function () {
       return content;
     }
 
-    /*
-     * @param content 	xml Document as String representing SVG
-     * @param newWidth 	new width of SVG (written in the OLT tag)
-     * @param newHeight	new height of SCG( written in the OLT tag)
-     * @param svgMinBorderXVal : number returns the minimum coordinate in x left direction in the SVG. Used to correct viewBox.
+    /*
+     * @param content 	xml Document as String representing SVG
+     * @param newWidth 	new width of SVG (written in the OLT tag)
+     * @param newHeight	new height of SCG( written in the OLT tag)
+     * @param svgMinBorderXVal : number returns the minimum coordinate in x left direction in the SVG. Used to correct viewBox.
      */
   }, {
     key: "ccCheckStretchAreas",
@@ -1200,10 +1200,10 @@ var SVGUtils = /*#__PURE__*/function () {
         }
       }
 
-      /*
-          Geht alle Elemente durch und sucht zuerst nach den Technischen Eigenschaften
-          Danach geht er davon alle Kinder durch und speichert alle horizontalen StrechAreas in SAH Array
-          und alle vertikalen Strech Areas in SAV Array.
+      /*
+          Geht alle Elemente durch und sucht zuerst nach den Technischen Eigenschaften
+          Danach geht er davon alle Kinder durch und speichert alle horizontalen StrechAreas in SAH Array
+          und alle vertikalen Strech Areas in SAV Array.
           */
       function findStretchAreas(root, scaleFactorSvgViewBox, callback) {
         var sahWidth = 0;
@@ -1472,13 +1472,13 @@ var SVGUtils = /*#__PURE__*/function () {
         rect.setAttribute('height', parseFloat(heightAttr) * scaleFactorSvgViewBox.y);
       }
 
-      /*
-          Wird aufgerufen, wenn die Gr��e des SVG ge�ndert werden soll.
-          Es berechnet die neuen Gr��en der Stretch Areas 
-          Ruft fixXMLObject() auf, worauf hin, die Koordinaten der Einzelnen Elemente (rect, line, path) des SVG angepasst werden
-          Wird eine zu kleine Breite oder H�he eingegeben, wird der Eingabe einfach die minimale Breite / H�he �bergeben 
-          newWidth and newHeigth h�ngt vom Wert in OLT_OLF ab. Ist die OLT, so wird der Wert zum Anpassen der
-          Olt �bergeben und umgekehrt.
+      /*
+          Wird aufgerufen, wenn die Gr��e des SVG ge�ndert werden soll.
+          Es berechnet die neuen Gr��en der Stretch Areas 
+          Ruft fixXMLObject() auf, worauf hin, die Koordinaten der Einzelnen Elemente (rect, line, path) des SVG angepasst werden
+          Wird eine zu kleine Breite oder H�he eingegeben, wird der Eingabe einfach die minimale Breite / H�he �bergeben 
+          newWidth and newHeigth h�ngt vom Wert in OLT_OLF ab. Ist die OLT, so wird der Wert zum Anpassen der
+          Olt �bergeben und umgekehrt.
           */
       function resizeXml(newWidth, newHeight, OLT_OLF, callback) {
         var currentWidth = OLT_OLF == 'OLT' ? widthOLT : widthOLF;
@@ -1542,12 +1542,12 @@ var SVGUtils = /*#__PURE__*/function () {
         callback();
       }
 
-      /*
-          Diese Methode geht nun rekursiv alle Elemente des Xml Dokuments durch und passt die Koordinaten den neuen Stretch Areas an.
-          Neben dem aktuellen Element wird noch eine Weitere Variable SA �bergeben. Sie beinhaltet entweder den Wert "SAH" oder "SAV". 
-          Je nach Eingabe werden entweder die Methoden bzg der Horizontalen doer vertikalen Stretch Areas aufgerufen.
-          Weiterer �bergabeparameter ist VI. Die Werte die in SAH oder SAV stehen, sind abh�ngig davon, ob man gerade die OLT oder OLF 
-          �ndern will. Je nachdem was man gerade �ndern will, wird der andere Fall ignoriert.
+      /*
+          Diese Methode geht nun rekursiv alle Elemente des Xml Dokuments durch und passt die Koordinaten den neuen Stretch Areas an.
+          Neben dem aktuellen Element wird noch eine Weitere Variable SA �bergeben. Sie beinhaltet entweder den Wert "SAH" oder "SAV". 
+          Je nach Eingabe werden entweder die Methoden bzg der Horizontalen doer vertikalen Stretch Areas aufgerufen.
+          Weiterer �bergabeparameter ist VI. Die Werte die in SAH oder SAV stehen, sind abh�ngig davon, ob man gerade die OLT oder OLF 
+          �ndern will. Je nachdem was man gerade �ndern will, wird der andere Fall ignoriert.
           */
       function fixXMLObject(parent, SA, VI) {
         //If fixing the OLT, ignore the OLF and VIF || if fixing OLF, ignore OLT and VIT
@@ -1599,8 +1599,8 @@ var SVGUtils = /*#__PURE__*/function () {
           }
         }
       }
-      /*
-              Berechnet die Gr��e des Bildelementes neu, wobei in SA drin steht, ob gerade die Breite oder H�he gerichtet wird
+      /*
+              Berechnet die Gr��e des Bildelementes neu, wobei in SA drin steht, ob gerade die Breite oder H�he gerichtet wird
               */
       function fixImage(image, SA) {
         image.setAttribute('preserveAspectRatio', 'none');
@@ -1619,8 +1619,8 @@ var SVGUtils = /*#__PURE__*/function () {
         }
       }
 
-      /*
-          Berechnet die Koordinaten eines <line> Elementes neu
+      /*
+          Berechnet die Koordinaten eines <line> Elementes neu
           */
       function fixLine(line, SA) {
         var x1;
@@ -1674,8 +1674,8 @@ var SVGUtils = /*#__PURE__*/function () {
         }
         return line;
       }
-      /*
-          Berechnet die Koordinaten f�r das Polygon neu. Polygon ist ein Array aus Punkten mit jeweils zwei Koordinaten
+      /*
+          Berechnet die Koordinaten f�r das Polygon neu. Polygon ist ein Array aus Punkten mit jeweils zwei Koordinaten
           */
       function fixPolygon(polygon, SA) {
         if (SA == 'SAH') {
@@ -1712,8 +1712,8 @@ var SVGUtils = /*#__PURE__*/function () {
         return points;
       }
 
-      /*
-          Berechnet die Koordinaten eines Dreieckes neu
+      /*
+          Berechnet die Koordinaten eines Dreieckes neu
           */
       function fixRectangle(rect, SA) {
         if (SA == 'SAH') {
@@ -1770,8 +1770,8 @@ var SVGUtils = /*#__PURE__*/function () {
         return rect;
       }
 
-      /*
-          Berechnet die Koordinaten eines <path> Elementes neu
+      /*
+          Berechnet die Koordinaten eines <path> Elementes neu
           */
       function fixPath(path, SA) {
         if (SA == 'SAH') {
@@ -1979,8 +1979,8 @@ var SVGUtils = /*#__PURE__*/function () {
         }
         return d;
       }
-      /*
-          Die ViewBox zum Anzeigen des SVG wird auf die richtige Gr��e gebracht
+      /*
+          Die ViewBox zum Anzeigen des SVG wird auf die richtige Gr��e gebracht
           */
       function fixViewBox(root, svgMinBorderXVal, svgMinBorderYVal) {
         var viewBox = '';
@@ -2020,11 +2020,11 @@ var SVGUtils = /*#__PURE__*/function () {
         return root;
       }
 
-      /*
-          Bekommt das d Attribut eines <path> Elementes �bergeben, welches die Koordinateninformationen beinhaltet
-          Diese Methode liest die Koordinaten heraus und erstellt jeweils einen Punkt f�r jede einzelne Koordinaten.
-          Besitzt dann die Variable elements, in der die ganzen Punkte gespeichert sind.
-          Ein PUnkt besteht immer aus einem Befehl und den jeweiligen Parametern. 
+      /*
+          Bekommt das d Attribut eines <path> Elementes �bergeben, welches die Koordinateninformationen beinhaltet
+          Diese Methode liest die Koordinaten heraus und erstellt jeweils einen Punkt f�r jede einzelne Koordinaten.
+          Besitzt dann die Variable elements, in der die ganzen Punkte gespeichert sind.
+          Ein PUnkt besteht immer aus einem Befehl und den jeweiligen Parametern. 
           */
 
       function createPolygonElement(polygonString, scaleFactorSvgViewBox) {
@@ -2071,14 +2071,14 @@ var SVGUtils = /*#__PURE__*/function () {
         return ret;
       }
       function createPathElement(d, correctViewBoxScale) {
-        /*---------------------------------------------------------------
-              
-              Lea -> Man muss bei den ueberpruefungen if(number[anzParam]) auf if(number[anzParam] != null) aendern
-              Der Grund liegt darin, da es stellen in d geben kann, wo viele aufeinanderfolgende Leerzeichen sind. 
-              Nach dem ersten leerzeichen wird der Eintrag in number[anzParam] in eine Zahl umgewandelt. 
-              Wenn dann weitere Leerzeichen kommen, will ich wissen, ob in if(number[anzParam]) noch etwas drinnen steht. 
-              Das tut es zwar, aber wenn die Zahl 0 drinnensteht wird sie f�lschlicherwei�e als 0 interpretiert. 
-              Ich springe in das if also nicht hinein, obwohl etwas drinnen w�re. 
+        /*---------------------------------------------------------------
+              
+              Lea -> Man muss bei den ueberpruefungen if(number[anzParam]) auf if(number[anzParam] != null) aendern
+              Der Grund liegt darin, da es stellen in d geben kann, wo viele aufeinanderfolgende Leerzeichen sind. 
+              Nach dem ersten leerzeichen wird der Eintrag in number[anzParam] in eine Zahl umgewandelt. 
+              Wenn dann weitere Leerzeichen kommen, will ich wissen, ob in if(number[anzParam]) noch etwas drinnen steht. 
+              Das tut es zwar, aber wenn die Zahl 0 drinnensteht wird sie f�lschlicherwei�e als 0 interpretiert. 
+              Ich springe in das if also nicht hinein, obwohl etwas drinnen w�re. 
               ------------------------------------------------------------------*/
 
         var points = [];
@@ -2294,9 +2294,9 @@ var SVGUtils = /*#__PURE__*/function () {
 }();
 
 var LOG$1 = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
-/**
- * This class is used like a service.
- * It handles different actions on planner Elements and its docking Points
+/**
+ * This class is used like a service.
+ * It handles different actions on planner Elements and its docking Points
  */
 var DockingPointHandler = /*#__PURE__*/function () {
   function DockingPointHandler() {
@@ -2305,12 +2305,12 @@ var DockingPointHandler = /*#__PURE__*/function () {
   return _createClass__default["default"](DockingPointHandler, [{
     key: "getRotOfDP",
     value:
-    /**
-     * This function returns the rotation of a vector that is specified by two positions in the 2 Dim Space
-     * The rotation is 0 when the Vector is pointing downwards (pos1 is directly above pos2). The rotation is then computed clockwise
-     * The result is resturned in degrees
-     * @param pos1 2 Dimensional position
-     * @param pos2 2 Dimensional position
+    /**
+     * This function returns the rotation of a vector that is specified by two positions in the 2 Dim Space
+     * The rotation is 0 when the Vector is pointing downwards (pos1 is directly above pos2). The rotation is then computed clockwise
+     * The result is resturned in degrees
+     * @param pos1 2 Dimensional position
+     * @param pos2 2 Dimensional position
      */
     function getRotOfDP(pos1, pos2) {
       var directionVec = index.Vector2.getDirection(pos2, pos1);
@@ -2351,10 +2351,10 @@ var DockingPointHandler = /*#__PURE__*/function () {
         return a.LocalWorldPos.x < b.LocalWorldPos.x ? 1 : -1;
       });
     }
-    /**
-     * Check if the docking Points Filter match for the two elements.
-     * @param plannerElement1
-     * @param plannerElement2
+    /**
+     * Check if the docking Points Filter match for the two elements.
+     * @param plannerElement1
+     * @param plannerElement2
      */
   }, {
     key: "checkDPAVLFilterDoMatch",
@@ -2388,8 +2388,8 @@ var DockingPointHandler = /*#__PURE__*/function () {
       return false;
     }
 
-    /**
-     * This function checks if two docking Points can be docked
+    /**
+     * This function checks if two docking Points can be docked
      */
   }, {
     key: "checkDPsDoMatch",
@@ -2418,10 +2418,10 @@ var DockingPointHandler = /*#__PURE__*/function () {
       return true;
     }
 
-    /**
-     * This function assumes that the two docking points are matching and can be docked
-     * @param dp1
-     * @param dp2
+    /**
+     * This function assumes that the two docking points are matching and can be docked
+     * @param dp1
+     * @param dp2
      */
   }, {
     key: "doDock",
@@ -2429,9 +2429,9 @@ var DockingPointHandler = /*#__PURE__*/function () {
       dp1.doDock(dp2, elemId2);
       dp2.doDock(dp1, elemId1);
     }
-    /*
-      This function inits all docking points of a planner Element Data. The information of the docking Points is currently loaded from the SVG Loader
-      catalogCodex indicates the catalogCodex of the plannerElement
+    /*
+      This function inits all docking points of a planner Element Data. The information of the docking Points is currently loaded from the SVG Loader
+      catalogCodex indicates the catalogCodex of the plannerElement
       */
   }, {
     key: "initDockingPointsFromSvg",
@@ -2451,11 +2451,11 @@ var DockingPointHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function removes all docking Point relations from the Element .
-     * It removes them as well in the docked elements.
-     * This function is used when deleting a plannerElement
-     * @param plannerElement
+    /**
+     * This function removes all docking Point relations from the Element .
+     * It removes them as well in the docked elements.
+     * This function is used when deleting a plannerElement
+     * @param plannerElement
      */
   }, {
     key: "removeDockingPointRelations",
@@ -2470,12 +2470,12 @@ var DockingPointHandler = /*#__PURE__*/function () {
         }
       }
     }
-    /**
-     * This function removes all docking Point relations with the type from the Element .
-     * It removes them as well in the docked elements.
-     * This function is used when deleting a plannerElement
-     * @param plannerElement
-     * @param dpTypeList    The Type of the docking Point like AVL or AVR
+    /**
+     * This function removes all docking Point relations with the type from the Element .
+     * It removes them as well in the docked elements.
+     * This function is used when deleting a plannerElement
+     * @param plannerElement
+     * @param dpTypeList    The Type of the docking Point like AVL or AVR
      */
   }, {
     key: "removeDockingPointRelationsByType",
@@ -2493,13 +2493,13 @@ var DockingPointHandler = /*#__PURE__*/function () {
       }
       return undockedFromElements;
     }
-    /**
-     * This function returns a list of docking points that are dockable to the source Planner Element. The function only returns docking Points that lay within a specific area.
-     *
-     * @param sourceElement
-     * @param targetElements
-     * @param autoDockingDistance   //gibt die distance an in der er automatisch snappen muss. Infinity _> Docke überall. 0 Docke nie
-     * @returns saves dockable dockingpoints per type with the distance
+    /**
+     * This function returns a list of docking points that are dockable to the source Planner Element. The function only returns docking Points that lay within a specific area.
+     *
+     * @param sourceElement
+     * @param targetElements
+     * @param autoDockingDistance   //gibt die distance an in der er automatisch snappen muss. Infinity _> Docke überall. 0 Docke nie
+     * @returns saves dockable dockingpoints per type with the distance
      */
   }, {
     key: "searchDockableElementsInArea",
@@ -2547,12 +2547,12 @@ var DockingPointHandler = /*#__PURE__*/function () {
       return dockableDPPairs;
     }
 
-    /**
-     * This function tries to dock an element sourcePlannerElement to one element in the targetElements
-     * @param sourcePlannerElement  the element that must be docked
-     * @param sourceDPType  the type of the element that must be docked
-     * @param targetElements    the target Element on which the element should be docked
-     * the function returns true when the Element is docked
+    /**
+     * This function tries to dock an element sourcePlannerElement to one element in the targetElements
+     * @param sourcePlannerElement  the element that must be docked
+     * @param sourceDPType  the type of the element that must be docked
+     * @param targetElements    the target Element on which the element should be docked
+     * the function returns true when the Element is docked
      */
   }, {
     key: "tryDockElement",
@@ -2589,12 +2589,12 @@ var DockingPointHandler = /*#__PURE__*/function () {
       return false;
     }
 
-    /**
-     * This function tries to dock an element sourcePlannerElement to the targetElement and a specific DockingPoint of the targetElement
-     * @param sourcePlannerElement  the element that must be docked
-     * @param sourceDPType  the type of the element that must be docked
-     * @param targetElements    the target Element on which the element should be docked
-     * the function returns true when the Element is docked
+    /**
+     * This function tries to dock an element sourcePlannerElement to the targetElement and a specific DockingPoint of the targetElement
+     * @param sourcePlannerElement  the element that must be docked
+     * @param sourceDPType  the type of the element that must be docked
+     * @param targetElements    the target Element on which the element should be docked
+     * the function returns true when the Element is docked
      */
   }, {
     key: "tryDockElementToDP",
@@ -2614,13 +2614,13 @@ var DockingPointHandler = /*#__PURE__*/function () {
       return false;
     }
 
-    /**
-     * This function tries to dock an element sourcePlannerElement to the targetElement and a specific DockingPoint of the targetElement
-     * @param sourcePlannerElement  the element that must be docked
-     * @param sourceDPType  the type of the element that must be docked
-     * @param sourceDP      The source DP
-     * @param targetElements    the target Element on which the element should be docked
-     * the function returns true when the Element is docked
+    /**
+     * This function tries to dock an element sourcePlannerElement to the targetElement and a specific DockingPoint of the targetElement
+     * @param sourcePlannerElement  the element that must be docked
+     * @param sourceDPType  the type of the element that must be docked
+     * @param sourceDP      The source DP
+     * @param targetElements    the target Element on which the element should be docked
+     * the function returns true when the Element is docked
      */
   }, {
     key: "tryDockElementDPToDP",
@@ -2632,11 +2632,11 @@ var DockingPointHandler = /*#__PURE__*/function () {
       return false;
     }
 
-    /**
-     * this function updates the dockingPoint relations. It is called after reloading one or more SVGs (StretchAreas / SVG Tausch) . For example when changing the ArmRests of
-     * two docking sofas - the old docking information is saved in the plannerElement. The new DockingPoints must be updated based on the previous docking information.
-     * @param plannerElements
-     * @returns returns the list of all Articles that have lost their dockingPoint relations
+    /**
+     * this function updates the dockingPoint relations. It is called after reloading one or more SVGs (StretchAreas / SVG Tausch) . For example when changing the ArmRests of
+     * two docking sofas - the old docking information is saved in the plannerElement. The new DockingPoints must be updated based on the previous docking information.
+     * @param plannerElements
+     * @returns returns the list of all Articles that have lost their dockingPoint relations
      */
   }, {
     key: "updateDockingRelations",
@@ -2697,12 +2697,12 @@ var DockingPointHandler = /*#__PURE__*/function () {
       }
       return elementsLostDockingRelation;
     }
-    /**
-     * This function is used when initialiazing a planning. In the old planner we do only know that a docking point of a specific kind (AVL) of the source Element docks with any docking Point of the targetPlannerElement.
-     * If there is only one target docking Point in the reference object - dock to that. However, when looking at AVOs, there can be that the target element has two AVUs. In this case search the docking point that is the neares.
-     * @param sourcePlannerElement
-     * @param targetPlannerElement
-     * @param sourceDPType  The type of the dockingPoint
+    /**
+     * This function is used when initialiazing a planning. In the old planner we do only know that a docking point of a specific kind (AVL) of the source Element docks with any docking Point of the targetPlannerElement.
+     * If there is only one target docking Point in the reference object - dock to that. However, when looking at AVOs, there can be that the target element has two AVUs. In this case search the docking point that is the neares.
+     * @param sourcePlannerElement
+     * @param targetPlannerElement
+     * @param sourceDPType  The type of the dockingPoint
      */
   }, {
     key: "initDockingPointRelationByArea",
@@ -2725,10 +2725,10 @@ var DockingPointHandler = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function returns true if the two elements are docking. False if they are not
-     * @param element1
-     * @param element2
+    /**
+     * This function returns true if the two elements are docking. False if they are not
+     * @param element1
+     * @param element2
      */
   }, {
     key: "checkElementsAreDocking",
@@ -2752,11 +2752,11 @@ var PlannerHandler2D = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "svgUtils", void 0);
     this.svgUtils = new SVGUtils();
   }
-  /**
-   * This function computes the collision between two elements.
-   * First it computes the collision with the  bounding Box. Only if these collide - we compute the collision between the OLF Polygons
-   * @param element1
-   * @param element2
+  /**
+   * This function computes the collision between two elements.
+   * First it computes the collision with the  bounding Box. Only if these collide - we compute the collision between the OLF Polygons
+   * @param element1
+   * @param element2
    */
   return _createClass__default["default"](PlannerHandler2D, [{
     key: "checkCollision",
@@ -2782,8 +2782,8 @@ var PlannerHandler2D = /*#__PURE__*/function () {
         return false;
       };
 
-      /**
-       * This function checks if one Polygon is inside the other
+      /**
+       * This function checks if one Polygon is inside the other
        */
       var checkPolygonInsidePolygon = function checkPolygonInsidePolygon(polyLinePoints1, polyLinePoint2) {
         var pointOutsideCount = 0;
@@ -2833,10 +2833,10 @@ var PlannerHandler2D = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * This function creates a HTML Canvas Element of the SVg. This canvas is used by the 3D Grid in order to display the Svg as PNG on the ground.
-     * Before creating the canvas element, the SVG is parsed to be a PNG.
-     * @param plannerElement    The planner Element whoes SVGData is used for creating the canvas Element.
+    /**
+     * This function creates a HTML Canvas Element of the SVg. This canvas is used by the 3D Grid in order to display the Svg as PNG on the ground.
+     * Before creating the canvas element, the SVG is parsed to be a PNG.
+     * @param plannerElement    The planner Element whoes SVGData is used for creating the canvas Element.
      */
   }, {
     key: "caluclatePNGOfSVG",
@@ -2981,8 +2981,8 @@ var PlannerHandler2D = /*#__PURE__*/function () {
         });
       });
     }
-    /*
-      This function is used to load the SVG of the element and set everything up.
+    /*
+      This function is used to load the SVG of the element and set everything up.
       */
   }, {
     key: "loadSVG",