@crystaldesign/web-planner-logic 25.10.0-beta.9 → 25.11.0-beta.1

package/build/cjs/{PlannerHandler2D-be01ece6.js → PlannerHandler2D-b6d6d66c.js}

@@ -1,890 +1,27 @@
 'use strict';
 
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 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-a366532b.js');
-var DivaUtils = require('@crystaldesign/diva-utils');
-var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
+var index = require('./index-c89f3375.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var fabric = require('fabric');
+var DivaUtils = require('@crystaldesign/diva-utils');
 var serialize = require('w3c-xmlserializer');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DivaUtils__default = /*#__PURE__*/_interopDefaultLegacy(DivaUtils);
-var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var DivaUtils__default = /*#__PURE__*/_interopDefaultLegacy(DivaUtils);
 var serialize__default = /*#__PURE__*/_interopDefaultLegacy(serialize);
 
-function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var PlannerElementData = /*#__PURE__*/function () {
-  function PlannerElementData(setId, basketId, _elementId, plannerType) {
-    _classCallCheck__default["default"](this, PlannerElementData);
-    _defineProperty__default["default"](this, "planElement", void 0);
-    _defineProperty__default["default"](this, "plannerStateHash", void 0);
-    //this value saves the state of the plannerData - used to check if plannerData state changed
-    // private dockingPoints: Map<string, DockingPoint[]>; //This map saves all docking Points accessioated to a type
-    _defineProperty__default["default"](this, "dockingPoints", void 0);
-    //This map saves all docking Points accessioated to a type
-    _defineProperty__default["default"](this, "tempDockingPoints", void 0);
-    //When reloading the element this array saves the previous docking points for redocking
-    _defineProperty__default["default"](this, "plannerType", void 0);
-    _defineProperty__default["default"](this, "basketId", void 0);
-    _defineProperty__default["default"](this, "doSetWidthFromSVG", void 0);
-    _defineProperty__default["default"](this, "doSetDepthFromSVG", void 0);
-    this.basketId = basketId;
-    this.planElement = {
-      elementId: _elementId,
-      setId: setId,
-      worldPosCenter: new index.Vector3(0, 0, 0),
-      //welt Position der linken hinteren unteren Ecke des Elementes
-      rotDeg: 0,
-      posNr: -1,
-      setPosNr: -1,
-      oltDepth: 0,
-      oltWidth: 0,
-      oltLeft: 0,
-      oltTop: 0
-    };
-    // this.dockingPoints = new Map<string, DockingPoint[]>();
-    this.dockingPoints = [];
-    this.tempDockingPoints = [];
-    this.plannerStateHash = '';
-    this.plannerType = plannerType;
-    this.doSetWidthFromSVG = false;
-    this.doSetDepthFromSVG = false;
-  }
-  return _createClass__default["default"](PlannerElementData, [{
-    key: "destroy",
-    value: function destroy() {
-      this.planElement.svgShapeOLF2D = null;
-      this.planElement.svgShapeOLT2D = null;
-      this.planElement.svgAsHTMLCanvas = undefined;
-      this.dockingPoints = [];
-      this.tempDockingPoints = [];
-    }
-  }, {
-    key: "getTempDockingPoints",
-    value: function getTempDockingPoints() {
-      return this.tempDockingPoints;
-    }
-  }, {
-    key: "clearTempDockingPoints",
-    value: function clearTempDockingPoints() {
-      this.tempDockingPoints = [];
-    }
-  }, {
-    key: "getDockingPoints",
-    value: function getDockingPoints() {
-      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
-     */
-  }, {
-    key: "dockingTypeIsDocking",
-    value: function dockingTypeIsDocking(type) {
-      var dockingPoints = this.getDockingPointsByType(type);
-      for (var i = 0; i < dockingPoints.length; i++) {
-        if (dockingPoints[i].IsDocking) return true;
-      }
-      return false;
-    }
-
-    /**
-     * This function returns all docking DPs of a specific type.
-     * @param type  The type of the docking Point , e.g. AVL
-     */
-  }, {
-    key: "getDockingDockingPointsByType",
-    value: function getDockingDockingPointsByType(type) {
-      var dockingPoints = this.getDockingPointsByType(type);
-      var ret = [];
-      for (var i = 0; i < dockingPoints.length; i++) {
-        if (dockingPoints[i].IsDocking) ret.push(dockingPoints[i]);
-      }
-      return ret;
-    }
-
-    /**
-     * This function returns all docking DPs of any type.
-     */
-  }, {
-    key: "getDockingDockingPoints",
-    value: function getDockingDockingPoints() {
-      var ret = [];
-      for (var i = 0; i < this.dockingPoints.length; i++) {
-        if (this.dockingPoints[i].IsDocking) ret.push(this.dockingPoints[i]);
-      }
-      return ret;
-    }
-
-    /**
-     * This function returns all notDocking DPs of a specific type.
-     * @param type  The type of the docking Point , e.g. AVL
-     */
-  }, {
-    key: "getFreeDockingPointsByType",
-    value: function getFreeDockingPointsByType(type) {
-      var dockingPoints = this.getDockingPointsByType(type);
-      var ret = [];
-      for (var i = 0; i < dockingPoints.length; i++) {
-        if (!dockingPoints[i].IsDocking) ret.push(dockingPoints[i]);
-      }
-      return ret;
-    }
-
-    /**
-     * This function returns the free docking with the specific type and number
-     * @param type
-     * @param number
-     */
-  }, {
-    key: "getFreeDockingPointByTypeAndNumber",
-    value: function getFreeDockingPointByTypeAndNumber(type, number) {
-      for (var i = 0; i < this.dockingPoints.length; i++) {
-        if (!this.dockingPoints[i].IsDocking && this.dockingPoints[i].Type == type && this.dockingPoints[i].Number == number) return this.dockingPoints[i];
-      }
-      return undefined;
-    }
-
-    /**
-     * This function returns all docking points of the element. It returns docking and not docking points with any type.
-     */
-  }, {
-    key: "getAllDockingPoints",
-    value: function getAllDockingPoints() {
-      return this.dockingPoints;
-    }
-  }, {
-    key: "getDockingPointsByType",
-    value: function getDockingPointsByType(type) {
-      var dps = [];
-      for (var i = 0; i < this.dockingPoints.length; i++) {
-        if (this.dockingPoints[i].Type == type) {
-          dps.push(this.dockingPoints[i]);
-        }
-      }
-      return dps;
-    }
-  }, {
-    key: "getDockingPointById",
-    value: function getDockingPointById(id) {
-      for (var i = 0; i < this.dockingPoints.length; i++) {
-        if (this.dockingPoints[i].DpId == id) {
-          return this.dockingPoints[i];
-        }
-      }
-      return undefined;
-    }
-    /**
-     * This function retuns the DockingPoint info in a string format that is used for the 3D image rendering planningData.
-     */
-  }, {
-    key: "getDockingPointJS3D",
-    value: function getDockingPointJS3D() {
-      var dpJS = '';
-      for (var i = 0; i < this.dockingPoints.length; i++) {
-        var dockingPoint = this.dockingPoints[i];
-        if (dockingPoint.IsDocking) {
-          if (dpJS != '') dpJS += ',';
-          dpJS += dockingPoint.Name + ':' + 'E' + dockingPoint.OnElementId;
-        }
-      }
-      return dpJS;
-    }
-  }, {
-    key: "ArticleCodex",
-    get: function get() {
-      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).
-     */
-  }, {
-    key: "IsDockedAccessoire",
-    get: function get() {
-      return this.planElement.plannerData ? this.planElement.plannerData.isAccessoire : false;
-    }
-
-    //this.planElement.plannerData && this.planElement.plannerData.isAccessoire -> Becomes true if the accessoire is placed in the planner and docked to an element - this must not be true when loading the accessoire for the first time
-    //this.planElement.plannerData?.filterType == "Accessoire" -> This is always true - The Accesssoire article is listed as accessoire
-  }, {
-    key: "IsAccessoire",
-    get: function get() {
-      var _this$planElement$pla3, _this$planElement$pla4;
-      return ((_this$planElement$pla3 = this.planElement.plannerData) === null || _this$planElement$pla3 === void 0 ? void 0 : _this$planElement$pla3.filterType) == 'Accessoire' || ((_this$planElement$pla4 = this.planElement.plannerData) === null || _this$planElement$pla4 === void 0 ? void 0 : _this$planElement$pla4.isAccessoire);
-    }
-  }, {
-    key: "FilterAVL",
-    get: function get() {
-      return this.getFilterAVL();
-    }
-  }, {
-    key: "FilterAVR",
-    get: function get() {
-      return this.getFilterAVR();
-    }
-  }, {
-    key: "PosNr",
-    get: function get() {
-      return this.planElement.posNr;
-    },
-    set: function set(posNr) {
-      this.planElement.posNr = posNr;
-    }
-  }, {
-    key: "SetPosNr",
-    set: function set(setPosNr) {
-      this.planElement.setPosNr = setPosNr;
-    }
-  }, {
-    key: "AccessoirePosNr",
-    get: function get() {
-      return this.planElement.posNrAcc != undefined ? this.planElement.posNrAcc : -1;
-    },
-    set: function set(posNr) {
-      this.planElement.posNrAcc = posNr;
-    }
-  }, {
-    key: "WorldPosCenter",
-    get: function get() {
-      return this.planElement.worldPosCenter;
-    },
-    set: function set(pos) {
-      this.planElement.worldPosCenter = pos;
-    }
-  }, {
-    key: "WorldPosCenterIgnoreOLF",
-    get: function get() {
-      var olfCorner = this.WorldPosCorner;
-      var centerDir = new index.Vector2(this.planElement.oltLeft + this.planElement.oltWidth / 2.0, this.planElement.oltTop + this.planElement.oltDepth / 2.0);
-      centerDir = index.Vector2.rotateOrigin(centerDir, this.planElement.rotDeg);
-      var worldPosCornerIgnoreOLF = new index.Vector3(olfCorner.x + centerDir.x, this.WorldPosCenter.y, olfCorner.z + centerDir.y);
-      return worldPosCornerIgnoreOLF;
-    }
-
-    /**
-     * This function returns the world pos of the top left bottom corner.
-     */
-  }, {
-    key: "WorldPosCorner",
-    get: function get() {
-      if (this.planElement.plannerData == null) return new index.Vector3(0, 0, 0);
-      var cornerDir = new index.Vector2(-this.planElement.plannerData.width / 2, -this.planElement.plannerData.depth / 2);
-      cornerDir = index.Vector2.rotateOrigin(cornerDir, this.planElement.rotDeg);
-      return new index.Vector3(this.planElement.worldPosCenter.x + cornerDir.x, this.planElement.worldPosCenter.y - this.planElement.plannerData.height / 2, this.planElement.worldPosCenter.z + cornerDir.y);
-    },
-    set: function set(cornerPos) {
-      if (!this.planElement.plannerData) return;
-      var centerDir = new index.Vector2(this.planElement.plannerData.width / 2, this.planElement.plannerData.depth / 2);
-      centerDir = index.Vector2.rotateOrigin(centerDir, this.planElement.rotDeg);
-      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
-     */
-  }, {
-    key: "updateDeltaTrans",
-    value: function updateDeltaTrans(deltaMove, deltaRotDeg, rotCorrection, correctAngle) {
-      this.WorldPosCenter = new index.Vector3(this.WorldPosCenter.x + deltaMove.x, this.WorldPosCenter.y + deltaMove.y, this.WorldPosCenter.z + deltaMove.z);
-      if (deltaRotDeg != 0 || correctAngle) {
-        if (correctAngle) {
-          var newRot = this.RotDeg + deltaRotDeg;
-          if (rotCorrection != 0) {
-            if (Math.abs(newRot % rotCorrection) > rotCorrection / 2) {
-              deltaRotDeg = deltaRotDeg + rotCorrection - Math.abs(newRot % rotCorrection);
-            } else {
-              deltaRotDeg = deltaRotDeg + Math.abs(newRot % rotCorrection);
-            }
-          }
-        }
-        this.processCenterRot(deltaRotDeg);
-      }
-    }
-  }, {
-    key: "processCenterRot",
-    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
-     */
-  }, {
-    key: "getWorldPosOfDP",
-    value: function getWorldPosOfDP(dpID) {
-      var dp = this.getDockingPointById(dpID);
-      if (dp == undefined) return new index.Vector3(0, 0, 0);
-      var rotatedDir = index.Vector2.rotateOrigin(new index.Vector2(dp === null || dp === void 0 ? void 0 : dp.LocalWorldPos.x, dp === null || dp === void 0 ? void 0 : dp.LocalWorldPos.z), this.RotDeg);
-      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
-     */
-  }, {
-    key: "getWorld2DBBoxOutline",
-    value: function getWorld2DBBoxOutline() {
-      var bboxPoints = [];
-      bboxPoints.push(new index.Vector2(this.WorldPosCorner.x, this.WorldPosCorner.z));
-      var helper = index.Vector2.rotateOrigin(new index.Vector2(this.getGlobalWidth(), 0), this.RotDeg);
-      bboxPoints.push(new index.Vector2(this.WorldPosCorner.x + helper.x, this.WorldPosCorner.z + helper.y));
-      helper = index.Vector2.rotateOrigin(new index.Vector2(this.getGlobalWidth(), this.getGlobalDepth()), this.RotDeg);
-      bboxPoints.push(new index.Vector2(this.WorldPosCorner.x + helper.x, this.WorldPosCorner.z + helper.y));
-      helper = index.Vector2.rotateOrigin(new index.Vector2(0, this.getGlobalDepth()), this.RotDeg);
-      bboxPoints.push(new index.Vector2(this.WorldPosCorner.x + helper.x, this.WorldPosCorner.z + helper.y));
-      return bboxPoints;
-    }
-  }, {
-    key: "RotDeg",
-    get: function get() {
-      return this.planElement.rotDeg;
-    }
-
-    /**
-     * Saves the current docking point state
-     */,
-    set: function set(rot) {
-      this.planElement.rotDeg = rot;
-    }
-  }, {
-    key: "saveCurrentDPState",
-    value: function saveCurrentDPState() {
-      if (this.dockingPoints && this.dockingPoints.length > 0) {
-        this.tempDockingPoints = [];
-        for (var i = 0; i < this.dockingPoints.length; i++) {
-          this.tempDockingPoints.push(this.dockingPoints[i].clone());
-        }
-      }
-    }
-  }, {
-    key: "clearAllDockingPoints",
-    value: function clearAllDockingPoints() {
-      this.dockingPoints = [];
-    }
-  }, {
-    key: "addDockingPoint",
-    value: function addDockingPoint(dockingPoint) {
-      this.dockingPoints.push(dockingPoint);
-    }
-
-    //Sets the planner Data. Returns true if something changed -> Reload
-  }, {
-    key: "updatePlannerData",
-    value: function updatePlannerData(data) {
-      //The plannerData ist keine Kopie, sondern ein verweis - wenn im Konfigurator das PlannerData Object geändert wird, dann wird es das hier auch.
-      if ((data === null || data === void 0 ? void 0 : data.width) == undefined || data.width == -1) {
-        this.doSetWidthFromSVG = true;
-      } else {
-        this.doSetWidthFromSVG = false;
-      }
-      if ((data === null || data === void 0 ? void 0 : data.depth) == undefined || data.depth == -1) {
-        this.doSetDepthFromSVG = true;
-      } else {
-        this.doSetDepthFromSVG = false;
-      }
-      if (this.planElement.plannerData == null && data != null) {
-        this.planElement.plannerData = data;
-        this.plannerStateHash = DivaUtils.md5(JSON.stringify(this.planElement.plannerData));
-        return true;
-      }
-      if (data != null) this.planElement.plannerData = data;
-      if (!this.planElement.plannerData) return false;
-      var plannerDataForCache = _objectSpread(_objectSpread({}, this.planElement.plannerData), {}, {
-        currentAccessorires: []
-      });
-      var currentHash = DivaUtils.md5(JSON.stringify(plannerDataForCache));
-      if (this.plannerStateHash != currentHash) {
-        this.plannerStateHash = currentHash;
-        return true;
-      }
-      return false;
-    }
-  }, {
-    key: "cleanShapeOLF2D",
-    value: function cleanShapeOLF2D() {
-      this.planElement.svgShapeOLF2D = undefined;
-    }
-  }, {
-    key: "cleanShapeOLT2D",
-    value: function cleanShapeOLT2D() {
-      this.planElement.svgShapeOLT2D = undefined;
-    }
-  }, {
-    key: "DoSetWidthFromSVG",
-    get: function get() {
-      return this.doSetWidthFromSVG;
-    }
-  }, {
-    key: "DoSetDepthFromSVG",
-    get: function get() {
-      return this.doSetDepthFromSVG;
-    }
-  }, {
-    key: "WidthFromSVG",
-    set: function set(svgWidth) {
-      if (this.planElement.plannerData) this.planElement.plannerData.width = svgWidth;
-      this.doSetWidthFromSVG = false;
-    }
-  }, {
-    key: "DepthFromSVG",
-    set: function set(svgDepth) {
-      if (this.planElement.plannerData) this.planElement.plannerData.depth = svgDepth;
-      this.doSetDepthFromSVG = false;
-    }
-  }, {
-    key: "ElementId",
-    get: function get() {
-      return this.planElement.elementId;
-    }
-  }, {
-    key: "SvgFileName",
-    get: function get() {
-      var _this$planElement$pla5;
-      return (_this$planElement$pla5 = this.planElement.plannerData) === null || _this$planElement$pla5 === void 0 ? void 0 : _this$planElement$pla5.curSVG;
-    }
-  }, {
-    key: "Width",
-    get: function get() {
-      var _this$planElement$pla6;
-      return (_this$planElement$pla6 = this.planElement.plannerData) === null || _this$planElement$pla6 === void 0 ? void 0 : _this$planElement$pla6.width;
-    }
-  }, {
-    key: "Height",
-    get: function get() {
-      var _this$planElement$pla7;
-      return (_this$planElement$pla7 = this.planElement.plannerData) === null || _this$planElement$pla7 === void 0 ? void 0 : _this$planElement$pla7.height;
-    }
-  }, {
-    key: "Depth",
-    get: function get() {
-      var _this$planElement$pla8;
-      return (_this$planElement$pla8 = this.planElement.plannerData) === null || _this$planElement$pla8 === void 0 ? void 0 : _this$planElement$pla8.depth;
-    }
-  }, {
-    key: "HasAVL",
-    get: function get() {
-      var _this$planElement$pla9;
-      return (_this$planElement$pla9 = this.planElement.plannerData) === null || _this$planElement$pla9 === void 0 ? void 0 : _this$planElement$pla9.hasAVL;
-    }
-  }, {
-    key: "HasAVR",
-    get: function get() {
-      var _this$planElement$pla10;
-      return (_this$planElement$pla10 = this.planElement.plannerData) === null || _this$planElement$pla10 === void 0 ? void 0 : _this$planElement$pla10.hasAVR;
-    }
-  }, {
-    key: "HasAVO",
-    get: function get() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVO > 0 ? true : false : false;
-    }
-  }, {
-    key: "HasAVU",
-    get: function get() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVU > 0 ? true : false : false;
-    }
-  }, {
-    key: "HasAVC",
-    get: function get() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVC > 0 ? true : false : false;
-    }
-  }, {
-    key: "HasAVN",
-    get: function get() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVN > 0 ? true : false : false;
-    }
-  }, {
-    key: "HasAVS",
-    get: function get() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVS > 0 ? true : false : false;
-    }
-  }, {
-    key: "SvgShapeOLF2D",
-    get: function get() {
-      return this.planElement.svgShapeOLF2D;
-    },
-    set: function set(shape) {
-      this.planElement.svgShapeOLF2D = shape;
-    }
-  }, {
-    key: "SvgShapeOLT2D",
-    get: function get() {
-      return this.planElement.svgShapeOLT2D;
-    },
-    set: function set(shape) {
-      this.planElement.svgShapeOLT2D = shape;
-    }
-  }, {
-    key: "OLTPolygon",
-    get: function get() {
-      return this.planElement.oltPolygon;
-    },
-    set: function set(polygon) {
-      this.planElement.oltPolygon = polygon;
-    }
-  }, {
-    key: "OLTTop",
-    set: function set(top) {
-      this.planElement.oltTop = top / DivaUtils__default["default"].UnitRecalc;
-    }
-  }, {
-    key: "OLTLeft",
-    set: function set(left) {
-      this.planElement.oltLeft = left / DivaUtils__default["default"].UnitRecalc;
-    }
-  }, {
-    key: "OLTWidth",
-    set: function set(width) {
-      this.planElement.oltWidth = width / DivaUtils__default["default"].UnitRecalc;
-    }
-  }, {
-    key: "OLTDepth",
-    set: function set(depth) {
-      this.planElement.oltDepth = depth / DivaUtils__default["default"].UnitRecalc;
-    }
-  }, {
-    key: "setupOLF",
-    value: function setupOLF(polygon, olfWidth, olfHeight) {
-      this.planElement.olfPolygon = polygon;
-      this.planElement.olfDepth = olfHeight;
-      this.planElement.olfWidth = olfWidth;
-    }
-  }, {
-    key: "clearOLF",
-    value: function clearOLF() {
-      this.planElement.olfPolygon = undefined;
-      this.planElement.olfDepth = undefined;
-      this.planElement.olfWidth = undefined;
-    }
-  }, {
-    key: "getGlobalWidth",
-    value: function getGlobalWidth() {
-      if (this.HasOLFPolygon) {
-        return this.planElement.olfWidth / DivaUtils__default["default"].UnitRecalc;
-      }
-      return this.Width;
-    }
-  }, {
-    key: "getGlobalDepth",
-    value: function getGlobalDepth() {
-      if (this.HasOLFPolygon) {
-        return this.planElement.olfDepth / DivaUtils__default["default"].UnitRecalc;
-      }
-      return this.Depth;
-    }
-  }, {
-    key: "HasOLTPolygon",
-    get: function get() {
-      return this.planElement.oltPolygon != null;
-    }
-  }, {
-    key: "HasOLFPolygon",
-    get: function get() {
-      return this.planElement.olfPolygon != null;
-    }
-  }, {
-    key: "svgBefore",
-    get: function get() {
-      var _this$planElement$pla11;
-      return (_this$planElement$pla11 = this.planElement.plannerData) === null || _this$planElement$pla11 === void 0 ? void 0 : _this$planElement$pla11.svgBefore;
-    },
-    set: function set(svg) {
-      if (this.planElement.plannerData) this.planElement.plannerData.svgBefore = svg;
-    }
-  }, {
-    key: "svgAfter",
-    get: function get() {
-      var _this$planElement$pla12;
-      return (_this$planElement$pla12 = this.planElement.plannerData) === null || _this$planElement$pla12 === void 0 ? void 0 : _this$planElement$pla12.svgAfter;
-    },
-    set: function set(svg) {
-      if (this.planElement.plannerData) this.planElement.plannerData.svgAfter = svg;
-    }
-  }, {
-    key: "getOLTPolygonWorldPos",
-    value: function getOLTPolygonWorldPos() {
-      if (!this.planElement.oltPolygon) return [];
-      var polygon = [];
-      for (var i = 0; i < this.planElement.oltPolygon.length; i++) {
-        var localWorldPos = new index.Vector2(this.planElement.oltPolygon[i].x / DivaUtils__default["default"].UnitRecalc, this.planElement.oltPolygon[i].y / DivaUtils__default["default"].UnitRecalc);
-        localWorldPos = index.Vector2.rotateOrigin(localWorldPos, this.RotDeg);
-        polygon.push(new index.Vector2(this.WorldPosCorner.x + localWorldPos.x, this.WorldPosCorner.z + localWorldPos.y));
-      }
-      return polygon;
-    }
-  }, {
-    key: "getOLFPolygonWorldPos",
-    value: function getOLFPolygonWorldPos() {
-      var polygon = [];
-      if (!this.planElement.olfPolygon) return [];
-      for (var i = 0; i < this.planElement.olfPolygon.length; i++) {
-        var localWorldPos = new index.Vector2(this.planElement.olfPolygon[i].x / DivaUtils__default["default"].UnitRecalc, this.planElement.olfPolygon[i].y / DivaUtils__default["default"].UnitRecalc);
-        localWorldPos = index.Vector2.rotateOrigin(localWorldPos, this.RotDeg);
-        polygon.push(new index.Vector2(this.WorldPosCorner.x + localWorldPos.x, this.WorldPosCorner.z + localWorldPos.y));
-      }
-      return polygon;
-    }
-  }, {
-    key: "SvgData",
-    get: function get() {
-      return this.planElement.svgData ? this.planElement.svgData : '';
-    },
-    set: function set(svgData) {
-      this.planElement.svgData = svgData;
-    }
-  }, {
-    key: "SvgDataOLTBase64",
-    set: function set(svgData) {
-      this.planElement.SvgDataOLTBase64 = svgData;
-    }
-  }, {
-    key: "Layer",
-    get: function get() {
-      return this.planElement.plannerData.layer;
-    }
-  }, {
-    key: "HasSvgAsHTMLCanvas",
-    get: function get() {
-      return this.planElement.svgAsHTMLCanvas == undefined ? false : true;
-    }
-  }, {
-    key: "SvgAsHTMLCanvas",
-    get: function get() {
-      return this.planElement.svgAsHTMLCanvas;
-    }
-
-    /** ---------------------------------Getter und setter for the view------------------------- */,
-    set: function set(ctx) {
-      this.planElement.svgAsHTMLCanvas = ctx;
-    }
-  }, {
-    key: "getArticleCodex",
-    value: function getArticleCodex() {
-      return this.ArticleCodex;
-    }
-  }, {
-    key: "getPosNr",
-    value: function getPosNr() {
-      return this.planElement.setPosNr;
-    }
-  }, {
-    key: "getIsDockedAccessoire",
-    value: function getIsDockedAccessoire() {
-      return this.IsDockedAccessoire;
-    }
-  }, {
-    key: "getIsNotDockedAccessoire",
-    value: function getIsNotDockedAccessoire() {
-      var _this$planElement$pla13;
-      return !!((_this$planElement$pla13 = this.planElement.plannerData) !== null && _this$planElement$pla13 !== void 0 && _this$planElement$pla13.isNotDockedAccessoire);
-    }
-  }, {
-    key: "getParentElementId",
-    value: function getParentElementId() {
-      var _this$planElement$pla14;
-      return (_this$planElement$pla14 = this.planElement.plannerData) === null || _this$planElement$pla14 === void 0 ? void 0 : _this$planElement$pla14.parentElementId;
-    }
-  }, {
-    key: "getElementId",
-    value: function getElementId() {
-      return this.planElement.elementId;
-    }
-  }, {
-    key: "getBasketId",
-    value: function getBasketId() {
-      return this.basketId;
-    }
-  }, {
-    key: "getSetId",
-    value: function getSetId() {
-      return this.planElement.setId;
-    }
-  }, {
-    key: "getWorldPosCorner",
-    value: function getWorldPosCorner() {
-      return this.WorldPosCorner;
-    }
-
-    /**
-     * This function returns the position in world coordinates of the CENTER of the plannerElement
-     */
-  }, {
-    key: "getWorldPosCenter",
-    value: function getWorldPosCenter() {
-      return this.WorldPosCenter;
-    }
-  }, {
-    key: "getRotDeg",
-    value: function getRotDeg() {
-      return this.planElement.rotDeg;
-    }
-  }, {
-    key: "getRotRad",
-    value: function getRotRad() {
-      return this.planElement.rotDeg * Math.PI / 180;
-    }
-  }, {
-    key: "getHasAVL",
-    value: function getHasAVL() {
-      return this.planElement.plannerData ? this.planElement.plannerData.hasAVL : false;
-    }
-  }, {
-    key: "getHasAVR",
-    value: function getHasAVR() {
-      return this.planElement.plannerData ? this.planElement.plannerData.hasAVR : false;
-    }
-  }, {
-    key: "getHasAVO",
-    value: function getHasAVO() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVO > 0 ? true : false : false;
-    }
-  }, {
-    key: "getHasAVU",
-    value: function getHasAVU() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVU > 0 ? true : false : false;
-    }
-  }, {
-    key: "getHasAVC",
-    value: function getHasAVC() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVC > 0 ? true : false : false;
-    }
-  }, {
-    key: "getHasAVN",
-    value: function getHasAVN() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVN > 0 ? true : false : false;
-    }
-  }, {
-    key: "getHasAVS",
-    value: function getHasAVS() {
-      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVS > 0 ? true : false : false;
-    }
-  }, {
-    key: "getFilterAVL",
-    value: function getFilterAVL() {
-      var _this$planElement$pla15;
-      return this.planElement.plannerData ? (_this$planElement$pla15 = this.planElement.plannerData) === null || _this$planElement$pla15 === void 0 ? void 0 : _this$planElement$pla15.AVLFilter : [];
-    }
-  }, {
-    key: "getFilterAVR",
-    value: function getFilterAVR() {
-      return this.planElement.plannerData ? this.planElement.plannerData.AVRFilter : [];
-    }
-  }, {
-    key: "getSVGShapeOLF2D",
-    value: function getSVGShapeOLF2D() {
-      return this.planElement.svgShapeOLF2D;
-    }
-  }, {
-    key: "getSVGShapeOLT2D",
-    value: function getSVGShapeOLT2D() {
-      return this.planElement.svgShapeOLT2D;
-    }
-  }, {
-    key: "getPlannerType",
-    value: function getPlannerType() {
-      return this.plannerType;
-    }
-
-    /**
-     * Returns the original svg XML
-     */
-  }, {
-    key: "getSVGData",
-    value: function getSVGData() {
-      return this.planElement.svgData ? this.planElement.svgData : '';
-    }
-  }, {
-    key: "getWidth",
-    value: function getWidth() {
-      return this.planElement.plannerData ? this.getGlobalWidth() : -1;
-    }
-  }, {
-    key: "getHeight",
-    value: function getHeight() {
-      return this.planElement.plannerData ? this.planElement.plannerData.height : -1;
-    }
-  }, {
-    key: "getDepth",
-    value: function getDepth() {
-      return this.planElement.plannerData ? this.getGlobalDepth() : -1;
-    }
-  }, {
-    key: "getDepthOLT",
-    value: function getDepthOLT() {
-      return this.Depth ? this.Depth : -1;
-    }
-  }, {
-    key: "getWidthOLT",
-    value: function getWidthOLT() {
-      return this.Width ? this.Width : -1;
-    }
-  }, {
-    key: "getLayer",
-    value: function getLayer() {
-      return this.planElement.plannerData ? this.planElement.plannerData.layer : 20;
-    }
-  }, {
-    key: "hasSvgAsHtmlCanvas",
-    value: function hasSvgAsHtmlCanvas() {
-      return this.planElement.svgAsHTMLCanvas == undefined ? false : true;
-    }
-  }, {
-    key: "getSvgAsHtmlCanvas",
-    value: function getSvgAsHtmlCanvas() {
-      return this.planElement.svgAsHTMLCanvas;
-    }
-  }, {
-    key: "hasSvgDataOLTBase64",
-    value: function hasSvgDataOLTBase64() {
-      return this.planElement.SvgDataOLTBase64 != undefined && this.planElement.SvgDataOLTBase64 != '';
-    }
-  }, {
-    key: "getSvgDataOLTBase64",
-    value: function getSvgDataOLTBase64() {
-      return this.planElement.SvgDataOLTBase64 != undefined ? this.planElement.SvgDataOLTBase64 : '';
-    }
-  }, {
-    key: "getAccessoires",
-    value: function getAccessoires() {
-      var _this$planElement$pla16;
-      return this.planElement.plannerData ? (_this$planElement$pla16 = this.planElement.plannerData) === null || _this$planElement$pla16 === void 0 ? void 0 : _this$planElement$pla16.accessoireList : [];
-    }
-  }, {
-    key: "getSVGsWithFormula",
-    value: function getSVGsWithFormula() {
-      var _this$planElement$pla17;
-      return (_this$planElement$pla17 = this.planElement.plannerData) === null || _this$planElement$pla17 === void 0 ? void 0 : _this$planElement$pla17.svgsWithFormula;
-    }
-  }, {
-    key: "getVaraintValuesInfluencingAVLAVRFilter",
-    value: function getVaraintValuesInfluencingAVLAVRFilter() {
-      var _this$planElement$pla18;
-      return (_this$planElement$pla18 = this.planElement.plannerData) === null || _this$planElement$pla18 === void 0 ? void 0 : _this$planElement$pla18.varaintValuesInfluencingAVLAVRFilter;
-    }
-  }, {
-    key: "getCurrentAccessorires",
-    value: function getCurrentAccessorires() {
-      var _this$planElement$pla19;
-      return this.planElement.plannerData ? (_this$planElement$pla19 = this.planElement.plannerData) === null || _this$planElement$pla19 === void 0 ? void 0 : _this$planElement$pla19.currentAccessorires : [];
-    }
-  }]);
-}();
-
 var LOG$2 = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var SVGUtils = /*#__PURE__*/function () {
   function SVGUtils() {
@@ -2910,7 +2047,7 @@ var PlannerHandler2D = /*#__PURE__*/function () {
       var canvas = new fabric.fabric.Canvas('helperCanvasConverter');
       canvas.backgroundColor = '#fff';
       canvas.setWidth(DivaUtils__default["default"].UnitRecalc * plannerElement.getWidthOLT());
-      canvas.setHeight(DivaUtils__default["default"].UnitRecalc * plannerElement.getDepthOLT());
+      canvas.setHeight(DivaUtils__default["default"].UnitRecalc * plannerElement.getHeightOLT());
       var shape = plannerElement.getSVGShapeOLT2D();
       canvas.add(shape);
       shape.bringToFront();
@@ -2952,7 +2089,7 @@ var PlannerHandler2D = /*#__PURE__*/function () {
           var oltTop = 0;
           var oltLeft = 0;
           var oltWidth = 0;
-          var oltDepth = 0;
+          var oltHeight = 0;
           for (var objNo = 0; objNo < objects.length; objNo++) {
             var object = objects[objNo];
             object.setCoords();
@@ -2968,7 +2105,7 @@ var PlannerHandler2D = /*#__PURE__*/function () {
                   oltTop = object.top;
                   oltLeft = object.left;
                   oltWidth = object.width;
-                  oltDepth = object.height;
+                  oltHeight = object.height;
                   break;
               }
             }
@@ -2992,11 +2129,8 @@ var PlannerHandler2D = /*#__PURE__*/function () {
           if (plannerElement.DoSetWidthFromSVG && fabricShapeOLF.width) {
             plannerElement.WidthFromSVG = fabricShapeOLF.width / DivaUtils__default["default"].UnitRecalc;
           }
-          if (plannerElement.DoSetDepthFromSVG && fabricShapeOLF.height) {
-            plannerElement.DepthFromSVG = fabricShapeOLF.height / DivaUtils__default["default"].UnitRecalc;
-          }
           plannerElement.SvgShapeOLF2D = fabricShapeOLF;
-          plannerElement.OLTDepth = oltDepth;
+          plannerElement.OLTHeight = oltHeight;
           plannerElement.OLTWidth = oltWidth;
           plannerElement.OLTTop = oltTop;
           plannerElement.OLTLeft = oltLeft;
@@ -3181,6 +2315,5 @@ var PlannerHandler2D = /*#__PURE__*/function () {
 }();
 var handler2D = new PlannerHandler2D();
 
-exports.PlannerElementData = PlannerElementData;
 exports.dockingPointHandlerInst = dockingPointHandlerInst;
 exports.handler2D = handler2D;