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

package/build/cjs/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-ccc5bbc9.js');
+var index = require('./index-1ae8b006.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/classCallCheck');

package/build/esm/{DivaBoxPlanner-04afed4e.js → DivaBoxPlanner-0210012b.js}

@@ -3,10 +3,10 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { c as Vector2, V as Vector3, P as PlannerElementData, B as BoundingBox } from './index-0eb9d40c.js';
+import { c as Vector2, V as Vector3, P as PlannerElementData, B as BoundingBox } from './index-bc0e8be1.js';
 import DivaUtils, { DivaError, md5 } from '@crystaldesign/diva-utils';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { d as dockingPointHandlerInst, h as handler2D } from './PlannerHandler2D-cb593ec8.js';
+import { d as dockingPointHandlerInst, h as handler2D } from './PlannerHandler2D-7760a00b.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'axios';
@@ -1748,6 +1748,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.initLog('Planner', 'WEB-PLANNER-LOGIC');
@@ -1877,6 +1881,7 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
   return _createClass(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;
@@ -2283,7 +2288,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;
@@ -2607,12 +2613,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);
           }
@@ -2678,10 +2690,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) {
@@ -2690,11 +2702,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);
       });
     }
 
@@ -3018,7 +3042,7 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
     key: "updateOptionLogicBoxPlanner",
     value: function () {
       var _updateOptionLogicBoxPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -3053,7 +3077,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);
@@ -4021,10 +4057,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;
       }
@@ -4236,6 +4277,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.
@@ -5519,25 +5570,30 @@ var DivaBoxPlanner = /*#__PURE__*/function () {
     key: "updatePlanner",
     value: (function () {
       var _updatePlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(changedOPT, targetElements) {
+        var _this2 = this;
         var message, cellPos, elemToCheck, copyIndex, allElementsToCopy, _allElementsToCopy, allElementsInBackGrid, _allElementsInBackGrid, _message;
         return _regeneratorRuntime.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", {
@@ -5545,12 +5601,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];
@@ -5558,7 +5614,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
@@ -5588,17 +5644,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, {
@@ -5616,16 +5672,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", {
@@ -5636,20 +5692,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", {
@@ -5662,16 +5718,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", {
@@ -5679,17 +5735,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/esm/{DivaStandardPlanner-763569d5.js → DivaStandardPlanner-2ff3f275.js}

@@ -3,9 +3,9 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { V as Vector3, c as Vector2, P as PlannerElementData, B as BoundingBox } from './index-0eb9d40c.js';
+import { V as Vector3, c as Vector2, P as PlannerElementData, B as BoundingBox } from './index-bc0e8be1.js';
 import DivaUtils, { DivaError, md5 } from '@crystaldesign/diva-utils';
-import { d as dockingPointHandlerInst, h as handler2D } from './PlannerHandler2D-cb593ec8.js';
+import { d as dockingPointHandlerInst, h as handler2D } from './PlannerHandler2D-7760a00b.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/toConsumableArray';

package/build/esm/{DoorPlanner-38ed4f7f.js → DoorPlanner-86c32fb3.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0eb9d40c.js';
+import './index-bc0e8be1.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{Host3DSignalR-4c7daa17.js → Host3DSignalR-3eefa8b8.js}

@@ -3,7 +3,7 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { R as Rendering, H as HQRenderScript } from './index-0eb9d40c.js';
+import { R as Rendering, H as HQRenderScript } from './index-bc0e8be1.js';
 import DivaUtils, { DivaError } from '@crystaldesign/diva-utils';
 import { HubConnectionBuilder, LogLevel } from '@microsoft/signalr';
 import io from 'socket.io-client';

package/build/esm/{LiviqueWWSHandler-08395179.js → LiviqueWWSHandler-f7d6bbfe.js}

@@ -1,6 +1,6 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
-import './index-0eb9d40c.js';
+import './index-bc0e8be1.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{PfisterWWSHandler-6ebe05df.js → PfisterWWSHandler-bd9615da.js}

@@ -1,6 +1,6 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
-import { a as articleHandlerInstance } from './index-0eb9d40c.js';
+import { a as articleHandlerInstance } from './index-bc0e8be1.js';
 import { SAPOrderLineData } from '@crystaldesign/basket-model';
 import DivaUtils, { DivaError } from '@crystaldesign/diva-utils';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{PlannerHandler2D-cb593ec8.js → PlannerHandler2D-7760a00b.js}

@@ -3,7 +3,7 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { c as Vector2, D as DockingPoint, V as Vector3 } from './index-0eb9d40c.js';
+import { c as Vector2, D as DockingPoint, V as Vector3 } from './index-bc0e8be1.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { fabric } from 'fabric';
 import DivaUtils, { DivaError } from '@crystaldesign/diva-utils';
@@ -2074,7 +2074,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();
@@ -2090,7 +2090,7 @@ var PlannerHandler2D = /*#__PURE__*/function () {
                   oltTop = object.top;
                   oltLeft = object.left;
                   oltWidth = object.width;
-                  oltHeight = object.height;
+                  oltDepth = object.height;
                   break;
               }
             }
@@ -2111,11 +2111,11 @@ var PlannerHandler2D = /*#__PURE__*/function () {
             left: 0,
             top: 0
           });
-          if (plannerElement.DoSetWidthFromSVG && fabricShapeOLF.width) {
-            plannerElement.WidthFromSVG = fabricShapeOLF.width / DivaUtils.UnitRecalc;
-          }
+          if (plannerElement.DoSetWidthFromSVG && fabricShapeOLF.width) plannerElement.WidthFromSVG = fabricShapeOLF.width / DivaUtils.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.UnitRecalc;
           plannerElement.SvgShapeOLF2D = fabricShapeOLF;
-          plannerElement.OLTHeight = oltHeight;
+          plannerElement.OLTDepth = oltDepth;
           plannerElement.OLTWidth = oltWidth;
           plannerElement.OLTTop = oltTop;
           plannerElement.OLTLeft = oltLeft;

package/build/esm/{SeriousBasketHandler-835d1e59.js → SeriousBasketHandler-db6c48c9.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as summaryHandlerInstance } from './index-0eb9d40c.js';
+import { s as summaryHandlerInstance } from './index-bc0e8be1.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{ShelfPlanner-9e37b51c.js → ShelfPlanner-89ede9a2.js}

@@ -4,7 +4,7 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { G as Grid, b as setHandlerInstance, a as articleHandlerInstance } from './index-0eb9d40c.js';
+import { G as Grid, b as setHandlerInstance, a as articleHandlerInstance } from './index-bc0e8be1.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{StandardWWSHandler-c5f8be7a.js → StandardWWSHandler-d7067b4b.js}

@@ -1,6 +1,6 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
-import './index-0eb9d40c.js';
+import './index-bc0e8be1.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/defineProperty';