@crystaldesign/web-planner-logic 25.12.0-beta.1 → 25.12.0-beta.11

package/build/cjs/{DivaBoxPlanner-068408eb.js → DivaBoxPlanner-574823d0.js}

@@ -5,10 +5,10 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-ccc5bbc9.js');
+var index = require('./index-1ae8b006.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var PlannerHandler2D = require('./PlannerHandler2D-3282c804.js');
+var PlannerHandler2D = require('./PlannerHandler2D-fc6118e7.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('axios');
@@ -1760,6 +1760,10 @@ var BoxPlannerPartlistHelper = /*#__PURE__*/function () {
   }]);
 }();
 
+function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
+function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+
 //import { ConstructionRules } from './System4ConstructionRules';
 
 var LOG$2 = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
@@ -1889,6 +1893,7 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
   return _createClass__default["default"](ConstructionRulesHandler, [{
     key: "arrayContainsValue",
     value: function arrayContainsValue(array, opt) {
+      if (!array) return false;
       if (Array.isArray(array)) {
         for (var i = 0; i < array.length; i++) {
           if (array[i] == opt) return true;
@@ -2295,7 +2300,8 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
         var allElementsInRow = boxPlannerGrid.getAllElementsInRow(cellPos.startRowIndex, cellPos.backside);
         for (var i = 0; i < allElementsInRow.length; i++) {
           if (allElementsInRow[i].getElementId() == targetElementId) continue;
-          for (var j = 0; j < this.constructionRules.forceSameOptionInRow.length; j++) {
+          for (var j = 0; j < ((_this$constructionRul = this.constructionRules.forceSameOptionInRow) === null || _this$constructionRul === void 0 ? void 0 : _this$constructionRul.length); j++) {
+            var _this$constructionRul;
             var rowHeight = this.getOptionVal(allElementsInRow[i].getElementId(), this.constructionRules.forceSameOptionInRow[j], optionHandler);
             this.setOptionValue(targetElementId, this.constructionRules.forceSameOptionInRow[j], rowHeight, optionHandler);
             break;
@@ -2619,12 +2625,18 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       var allElements = boxPlannerGrid.getAllElementsInFrontGrid();
       this.constructionRules.optionsInfluencedByDimensions.forEach(function (dimRule) {
         var isOver = false;
-        if (dimRule.dimension.toLowerCase() == 'height' && boxPlannerSize.y >= dimRule.dimensionLimit) isOver = true;
-        if (dimRule.dimension.toLowerCase() == 'width' && boxPlannerSize.x >= dimRule.dimensionLimit) isOver = true;
-        if (dimRule.dimension.toLowerCase() == 'depth' && boxPlannerSize.z >= dimRule.dimensionLimit) isOver = true;
+        var isEqual = false;
+        if (dimRule.dimension.toLowerCase() == 'height' && boxPlannerSize.y > dimRule.dimensionLimit) isOver = true;
+        if (dimRule.dimension.toLowerCase() == 'height' && boxPlannerSize.y == dimRule.dimensionLimit) isEqual = true;
+        if (dimRule.dimension.toLowerCase() == 'width' && boxPlannerSize.x > dimRule.dimensionLimit) isOver = true;
+        if (dimRule.dimension.toLowerCase() == 'width' && boxPlannerSize.x == dimRule.dimensionLimit) isEqual = true;
+        if (dimRule.dimension.toLowerCase() == 'depth' && boxPlannerSize.z > dimRule.dimensionLimit) isOver = true;
+        if (dimRule.dimension.toLowerCase() == 'depth' && boxPlannerSize.z == dimRule.dimensionLimit) isEqual = true;
         allElements.forEach(function (element) {
           if (isOver) {
             if (dimRule.higherLimit.toLowerCase() == 'doshow') _this2.setOptionDoShow(element.ElementId, dimRule.option, optionHandler);else if (dimRule.higherLimit.toLowerCase() == 'dohide') _this2.setOptionDoHide(element.ElementId, dimRule.option, optionHandler);
+          } else if (isEqual) {
+            _this2.setOptionDoShow(element.ElementId, dimRule.option, optionHandler);
           } else {
             if (dimRule.lowerLimit.toLowerCase() == 'doshow') _this2.setOptionDoShow(element.ElementId, dimRule.option, optionHandler);else if (dimRule.lowerLimit.toLowerCase() == 'dohide') _this2.setOptionDoHide(element.ElementId, dimRule.option, optionHandler);
           }
@@ -2690,10 +2702,10 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "correctCoverPlate",
-    value: function correctCoverPlate(boxPlannerGrid, optionHandler) {
+    value: function correctCoverPlate(coverPlateRule, boxPlannerGrid, optionHandler) {
       var _this3 = this;
       if (!this.constructionRules.coverPlateRule) return;
-      if (this.constructionRules.coverPlateRule.onHighestElementsOnly) return; // System4 not handled by this logic yet
+      if (coverPlateRule.onHighestElementsOnly) return; // System4 not handled by this logic yet
 
       var elementsPerSeries = boxPlannerGrid.getHighestElementsPerSeries();
       elementsPerSeries.forEach(function (serie) {
@@ -2702,11 +2714,23 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
           var _element$Width;
           return seriesWidth += (_element$Width = element.Width) !== null && _element$Width !== void 0 ? _element$Width : 0;
         });
-        var opv = _this3.constructionRules.coverPlateRule.seriesWidthToPlateOpv.find(function (stp) {
-          return stp.limit > seriesWidth;
+        var opv = coverPlateRule.seriesWidthToPlateOpv.find(function (stp) {
+          return stp.limit < seriesWidth;
         });
         if (!opv) return;
-        _this3.setOptionValue(serie[0].ElementId, _this3.constructionRules.optABD, opv.plateOpv, optionHandler);
+        var _iterator = _createForOfIteratorHelper$1(serie),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var elemnt = _step.value;
+            _this3.setOptionValue(elemnt.ElementId, coverPlateRule.optABD, "OPVOHNE", optionHandler);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        _this3.setOptionValue(serie[0].ElementId, coverPlateRule.optABD, opv.plateOpv, optionHandler);
       });
     }
 
@@ -3030,7 +3054,7 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
     key: "updateOptionLogicBoxPlanner",
     value: function () {
       var _updateOptionLogicBoxPlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(boxPlannerGrid, changedOPTs, targetElements, forceResetCornerElements) {
-        var startTime, resultMessage, optionHandler, allElements, i, j, doChangeRetailArticleNumbers;
+        var startTime, resultMessage, optionHandler, allElements, i, _iterator2, _step2, coverPlateRule, j, doChangeRetailArticleNumbers;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -3065,7 +3089,19 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
               this.correctBottom(boxPlannerGrid, optionHandler, false);
               if (boxPlannerGrid.getPlannerHasActiveBackside()) this.correctBottom(boxPlannerGrid, optionHandler, true);
               this.correctSeries(boxPlannerGrid, optionHandler);
-              this.correctCoverPlate(boxPlannerGrid, optionHandler);
+              if (this.constructionRules.coverPlateRule) {
+                _iterator2 = _createForOfIteratorHelper$1(this.constructionRules.coverPlateRule);
+                try {
+                  for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                    coverPlateRule = _step2.value;
+                    this.correctCoverPlate(coverPlateRule, boxPlannerGrid, optionHandler);
+                  }
+                } catch (err) {
+                  _iterator2.e(err);
+                } finally {
+                  _iterator2.f();
+                }
+              }
               for (i = 0; i < boxPlannerGrid.getColumnCount(); i++) {
                 for (j = 0; j < boxPlannerGrid.getRowCount(i, false); j++) {
                   this.correctSimpleOpt(i, j, boxPlannerGrid, optionHandler, false);
@@ -4033,10 +4069,15 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       var result = [];
       var lastHeight = -1;
       for (var idx = 0; idx < this.getColumnCount(); idx++) {
-        var height = this.getRowCount(idx, false);
+        var row = this.frontGrid[idx];
+        var height = row.reduce(function (added, column) {
+          return column.height + added;
+        }, 0);
         if (height == lastHeight) {
           if (!result[result.length - 1]) result.push([]);
-          result[result.length - 1].push(this.getPlannerElementAtGridPos(idx, height - 1, false));
+          result[result.length - 1].push(this.getPlannerElementAtGridPos(idx, row.length - 1, false));
+        } else {
+          result.push([this.getPlannerElementAtGridPos(idx, row.length - 1, false)]);
         }
         lastHeight = height;
       }
@@ -4248,6 +4289,16 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       this.plannerElements["delete"](elementId);
       if (this.hasActiveBackside) ;
     }
+  }, {
+    key: "updateGridElementDimensions",
+    value: function updateGridElementDimensions(elementId, elementData) {
+      if (!elementData) return;
+      var res = this.getCellsInGridByElementId(elementId);
+      res.cells.forEach(function (cell) {
+        cell.width = elementData.width;
+        cell.height = elementData.height;
+      });
+    }
 
     /**
      * This function updates the world position of all Elements in the grid.
@@ -5531,25 +5582,30 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
     key: "updatePlanner",
     value: (function () {
       var _updatePlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(changedOPT, targetElements) {
+        var _this2 = this;
         var message, cellPos, elemToCheck, copyIndex, allElementsToCopy, _allElementsToCopy, allElementsInBackGrid, _allElementsInBackGrid, _message;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
               LOG.debug('BoxPlanner - configurationHasChanged ' + changedOPT);
+              targetElements === null || targetElements === void 0 || targetElements.forEach(function (e) {
+                var _this2$set$getArticle;
+                return _this2.boxPlannerGrid.updateGridElementDimensions(e, (_this2$set$getArticle = _this2.set.getArticleByElementId(e)) === null || _this2$set$getArticle === void 0 ? void 0 : _this2$set$getArticle.plannerData);
+              });
               if (!(changedOPT && targetElements && targetElements.length > 0 && changedOPT['OPTELEMENT'] && (changedOPT['OPTELEMENT'] == 'OPVECK_I' || changedOPT['OPTELEMENT'] == 'OPVECK_A'))) {
-                _context6.next = 18;
+                _context6.next = 19;
                 break;
               }
               if (!(targetElements.length > 1)) {
-                _context6.next = 9;
+                _context6.next = 10;
                 break;
               }
-              _context6.next = 5;
+              _context6.next = 6;
               return this.constructionRulesHandler.updateOptionLogicBoxPlanner(this.boxPlannerGrid, changedOPT, targetElements, true);
-            case 5:
+            case 6:
               message = _context6.sent;
               if (!message) {
-                _context6.next = 8;
+                _context6.next = 9;
                 break;
               }
               return _context6.abrupt("return", {
@@ -5557,12 +5613,12 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
                 elemIdsToDelete: [],
                 viewMessageCodex: message
               });
-            case 8:
+            case 9:
               return _context6.abrupt("return", {
                 doDeleteBackGrid: false,
                 elemIdsToDelete: []
               });
-            case 9:
+            case 10:
               //If the most bottom element has no neighbor right or left - copy element
               cellPos = this.boxPlannerGrid.getCellsInGridByElementId(targetElements[0]);
               elemToCheck = targetElements[0];
@@ -5570,7 +5626,7 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
                 elemToCheck = this.boxPlannerGrid.getPlannerElementAtGridPos(cellPos.startColIndex, 0, false).getElementId();
               }
               if (!(!this.boxPlannerGrid.getElementHasLeftElement(elemToCheck) || !this.boxPlannerGrid.getElementHasRightElement(elemToCheck))) {
-                _context6.next = 18;
+                _context6.next = 19;
                 break;
               }
               //Someone has changed Eck innen or aussen. If the current eselected Element has no neighbor left or right copy neighbor
@@ -5600,17 +5656,17 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
                 changedOPT: changedOPT,
                 targetElements: targetElements
               });
-            case 18:
+            case 19:
               if (!(changedOPT && changedOPT['OPTDMOD'])) {
-                _context6.next = 33;
+                _context6.next = 34;
                 break;
               }
               _context6.t0 = changedOPT['OPTDMOD'];
-              _context6.next = _context6.t0 === 'OPVD_EIN' ? 22 : _context6.t0 === 'OPVD_AUS' ? 26 : 31;
+              _context6.next = _context6.t0 === 'OPVD_EIN' ? 23 : _context6.t0 === 'OPVD_AUS' ? 27 : 32;
               break;
-            case 22:
+            case 23:
               if (this.boxPlannerGrid.getPlannerHasActiveBackside()) {
-                _context6.next = 25;
+                _context6.next = 26;
                 break;
               }
               _allElementsToCopy = this.getPlannerElementsInfluencedByCopy(-1, {
@@ -5628,16 +5684,16 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
                 copyType: 'BoxPlanner_backside',
                 changedOPT: changedOPT
               });
-            case 25:
-              return _context6.abrupt("break", 31);
             case 26:
+              return _context6.abrupt("break", 32);
+            case 27:
               if (!this.boxPlannerGrid.getPlannerHasActiveBackside()) {
-                _context6.next = 30;
+                _context6.next = 31;
                 break;
               }
               allElementsInBackGrid = this.boxPlannerGrid.getAllElementsInBackGrid();
               if (!(allElementsInBackGrid.length > 0)) {
-                _context6.next = 30;
+                _context6.next = 31;
                 break;
               }
               return _context6.abrupt("return", {
@@ -5648,20 +5704,20 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
                 deletionType: 'BoxPlanner_backside',
                 changedOPT: changedOPT
               });
-            case 30:
-              return _context6.abrupt("break", 31);
             case 31:
-              _context6.next = 47;
+              return _context6.abrupt("break", 32);
+            case 32:
+              _context6.next = 48;
               break;
-            case 33:
+            case 34:
               if (!(changedOPT && changedOPT['OPTFARBE_RAHMEN'] && changedOPT['OPTFARBE_RAHMEN'] == 'OPVSCHWARZ_MATT' && this.boxPlannerGrid.getPlannerHasActiveBackside())) {
-                _context6.next = 39;
+                _context6.next = 40;
                 break;
               }
               //If the double modul is active but the color is changed to black - disable double modul
               _allElementsInBackGrid = this.boxPlannerGrid.getAllElementsInBackGrid();
               if (!(_allElementsInBackGrid.length > 0)) {
-                _context6.next = 37;
+                _context6.next = 38;
                 break;
               }
               return _context6.abrupt("return", {
@@ -5674,16 +5730,16 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
                 targetElements: targetElements,
                 viewMessageCodex: 'BOXPLAN_BLACKFRAME_INCOMPATIBLE_ELEMENT_WARNING'
               });
-            case 37:
-              _context6.next = 47;
+            case 38:
+              _context6.next = 48;
               break;
-            case 39:
-              _context6.next = 41;
+            case 40:
+              _context6.next = 42;
               return this.constructionRulesHandler.updateOptionLogicBoxPlanner(this.boxPlannerGrid, changedOPT, targetElements);
-            case 41:
+            case 42:
               _message = _context6.sent;
               if (!_message) {
-                _context6.next = 46;
+                _context6.next = 47;
                 break;
               }
               return _context6.abrupt("return", {
@@ -5691,17 +5747,17 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
                 elemIdsToDelete: [],
                 viewMessageCodex: _message
               });
-            case 46:
+            case 47:
               return _context6.abrupt("return", {
                 doDeleteBackGrid: false,
                 elemIdsToDelete: []
               });
-            case 47:
+            case 48:
               return _context6.abrupt("return", {
                 doDeleteBackGrid: false,
                 elemIdsToDelete: []
               });
-            case 48:
+            case 49:
             case "end":
               return _context6.stop();
           }

package/build/cjs/{DivaStandardPlanner-18c232b4.js → DivaStandardPlanner-8a8cdd74.js}

@@ -5,9 +5,9 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-ccc5bbc9.js');
+var index = require('./index-1ae8b006.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
-var PlannerHandler2D = require('./PlannerHandler2D-3282c804.js');
+var PlannerHandler2D = require('./PlannerHandler2D-fc6118e7.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/toConsumableArray');

package/build/cjs/{DoorPlanner-54a98952.js → DoorPlanner-658d8a85.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');
-require('./index-ccc5bbc9.js');
+require('./index-1ae8b006.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');

package/build/cjs/{Host3DSignalR-bcb9ba81.js → Host3DSignalR-df630d5e.js}

@@ -5,7 +5,7 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-ccc5bbc9.js');
+var index = require('./index-1ae8b006.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var signalr = require('@microsoft/signalr');
 var io = require('socket.io-client');

package/build/cjs/{LiviqueWWSHandler-828c7fc3.js → LiviqueWWSHandler-7a2f8a63.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-require('./index-ccc5bbc9.js');
+require('./index-1ae8b006.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/defineProperty');

package/build/cjs/{PfisterWWSHandler-f7c37e49.js → PfisterWWSHandler-5f6ef859.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-var index = require('./index-ccc5bbc9.js');
+var index = require('./index-1ae8b006.js');
 var basketModel = require('@crystaldesign/basket-model');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');

package/build/cjs/{PlannerHandler2D-3282c804.js → PlannerHandler2D-fc6118e7.js}

@@ -5,7 +5,7 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-ccc5bbc9.js');
+var index = require('./index-1ae8b006.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var fabric = require('fabric');
 var DivaUtils = require('@crystaldesign/diva-utils');
@@ -2087,7 +2087,7 @@ var PlannerHandler2D = /*#__PURE__*/function () {
           var oltTop = 0;
           var oltLeft = 0;
           var oltWidth = 0;
-          var oltHeight = 0;
+          var oltDepth = 0;
           for (var objNo = 0; objNo < objects.length; objNo++) {
             var object = objects[objNo];
             object.setCoords();
@@ -2103,7 +2103,7 @@ var PlannerHandler2D = /*#__PURE__*/function () {
                   oltTop = object.top;
                   oltLeft = object.left;
                   oltWidth = object.width;
-                  oltHeight = object.height;
+                  oltDepth = object.height;
                   break;
               }
             }
@@ -2124,11 +2124,11 @@ var PlannerHandler2D = /*#__PURE__*/function () {
             left: 0,
             top: 0
           });
-          if (plannerElement.DoSetWidthFromSVG && fabricShapeOLF.width) {
-            plannerElement.WidthFromSVG = fabricShapeOLF.width / DivaUtils__default["default"].UnitRecalc;
-          }
+          if (plannerElement.DoSetWidthFromSVG && fabricShapeOLF.width) plannerElement.WidthFromSVG = fabricShapeOLF.width / DivaUtils__default["default"].UnitRecalc;
+          // since the svg is always top down perspective height in 2D represents depth in 2D planner and 3D
+          if (plannerElement.DoSetDepthFromSVG && fabricShapeOLF.height) plannerElement.DepthFromSVG = fabricShapeOLF.height / DivaUtils__default["default"].UnitRecalc;
           plannerElement.SvgShapeOLF2D = fabricShapeOLF;
-          plannerElement.OLTHeight = oltHeight;
+          plannerElement.OLTDepth = oltDepth;
           plannerElement.OLTWidth = oltWidth;
           plannerElement.OLTTop = oltTop;
           plannerElement.OLTLeft = oltLeft;

package/build/cjs/{SeriousBasketHandler-2869b96b.js → SeriousBasketHandler-831b5e36.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-ccc5bbc9.js');
+var index = require('./index-1ae8b006.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');

package/build/cjs/{ShelfPlanner-23f182ca.js → ShelfPlanner-cd02296e.js}

@@ -6,7 +6,7 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-ccc5bbc9.js');
+var index = require('./index-1ae8b006.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');

package/build/cjs/{StandardWWSHandler-5e529471.js → StandardWWSHandler-2ec53458.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-require('./index-ccc5bbc9.js');
+require('./index-1ae8b006.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/defineProperty');