@crystaldesign/web-planner-logic 26.3.0-beta.4 → 26.3.0-beta.41

package/build/cjs/{DivaBoxPlanner-60c15c9e.js → DivaBoxPlanner-f80250d0.js}

@@ -5,11 +5,11 @@ 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-c3717ccf.js');
+var index = require('./index-4cf893d9.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var PlannerHandler2D = require('./PlannerHandler2D-aa10f38d.js');
+var PlannerHandler2D = require('./PlannerHandler2D-7f6212c4.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('axios');
 require('@crystaldesign/basket-model');
@@ -3145,7 +3145,7 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
                 retailArticleRules: constructionRule.retailArticleRules
               };
             }
-          } else if (constructionRule.range == "singular") {
+          } else if (constructionRule.range == 'singular') {
             var _allValid = false;
             //Do check if all Elements satify the rules
             for (var j = 0; j < allElements.length; j++) {
@@ -3182,35 +3182,6 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
       return this.constructionRulesLoaded;
     }
 
-    /* This is a hardcoded System4/Quadro functionality
-     * we need a aussenblech on the side of every door side 
-     * but not if the neighbor door has the same shared side -> then we do not
-     * need any
-    */
-  }, {
-    key: "correctAussenblech",
-    value: function correctAussenblech(boxPlannerGrid, optionHandler, curElementId) {
-      if (boxPlannerGrid.getForceSingleCellPerElement()) {
-        var right = boxPlannerGrid.getNeighborElements(curElementId, "RIGHT");
-        var left = boxPlannerGrid.getNeighborElements(curElementId, "LEFT");
-        var curopt = this.getOptionVal(curElementId, "OPTTUER", optionHandler);
-        if (right.length > 0 && curopt) {
-          var rightopt = this.getOptionVal(right[0].ElementId, "OPTTUER", optionHandler);
-          if (rightopt && rightopt == 'OPVLINKS' && curopt == 'OPVRECHTS') {
-            optionHandler.get(curElementId).set('OPTAUSSENBLECH_RECHTS', 'OPVOHNE');
-            optionHandler.get(curElementId).set('OPTAUSSENBLECH_LINKS', 'OPVOHNE');
-          }
-        }
-        if (left.length > 0 && curopt) {
-          var leftopt = this.getOptionVal(left[0].ElementId, "OPTTUER", optionHandler);
-          if (leftopt && leftopt == 'OPVRECHTS' && curopt == 'OPVLINKS') {
-            optionHandler.get(curElementId).set('OPTAUSSENBLECH_LINKS', 'OPVOHNE');
-            optionHandler.get(curElementId).set('OPTAUSSENBLECH_RECHTS', 'OPVOHNE');
-          }
-        }
-      }
-    }
-
     //Die gleiche Option kann sowohl nach rechts als auch nach oben gesetzt werden (Rahmen rechts oben). Wenn das der Fall ist, darf wenn es rechts keinen Nachbarn gibt nicht mit doShow überschrieben werden, wenn es vorher bei TOP versteckt wurde
     //Deshalb darf es nicht angeschalten werden, wenn es in der gleichen Runde ausgeschalten wurde
     /*
@@ -3359,13 +3330,13 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
               i = 0;
             case 55:
               if (!(i < boxPlannerGrid.getColumnCount())) {
-                _context.next = 69;
+                _context.next = 68;
                 break;
               }
               j = 0;
             case 57:
               if (!(j < boxPlannerGrid.getRowCount(i, false))) {
-                _context.next = 66;
+                _context.next = 65;
                 break;
               }
               _elementId2 = (_boxPlannerGrid$getPl4 = boxPlannerGrid.getPlannerElementAtGridPos(i, j, false)) === null || _boxPlannerGrid$getPl4 === void 0 ? void 0 : _boxPlannerGrid$getPl4.getElementId();
@@ -3373,27 +3344,26 @@ var ConstructionRulesHandler = /*#__PURE__*/function () {
                 _context.next = 61;
                 break;
               }
-              return _context.abrupt("continue", 63);
+              return _context.abrupt("continue", 62);
             case 61:
               this.correctBack(boxPlannerGrid, optionHandler, _elementId2);
-              this.correctAussenblech(boxPlannerGrid, optionHandler, _elementId2);
-            case 63:
+            case 62:
               j++;
               _context.next = 57;
               break;
-            case 66:
+            case 65:
               i++;
               _context.next = 55;
               break;
-            case 69:
+            case 68:
               doChangeRetailArticleNumbers = this.doChangeRetailArticleNumbers(boxPlannerGrid, optionHandler);
-              _context.next = 72;
+              _context.next = 71;
               return this.updateCfgValuesByPlanner(optionHandler, undefined, this.constructionRules.partlistRules.bundleRules, doChangeRetailArticleNumbers);
-            case 72:
+            case 71:
               LOG$2.debug('BoxPlanner updateOptionLogic - Duration after setting Option Values of all Articles: ' + (new Date().getTime() - startTime));
               LOG$2.debug('BoxPlanner updateOptionLogic - Duration after setting updating configurator: ' + (new Date().getTime() - startTime));
               return _context.abrupt("return", resultMessage);
-            case 75:
+            case 74:
             case "end":
               return _context.stop();
           }
@@ -4204,6 +4174,7 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       var endHeight = 0;
       for (var y = 0; y < currentRow.length;) {
         var cell = currentRow[y];
+        if (!cell.plannedElement) continue;
         if (cell.index.y < res.startRowIndex) startHeight = Math.round((startHeight + cell.plannedElement.size.height) * 1000) / 1000;
         if (cell.index.y < res.endRowIndex) endHeight = Math.round((endHeight + cell.plannedElement.size.height) * 1000) / 1000;
         y = cell.plannedElement.area.toY;
@@ -4243,7 +4214,7 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
               var _cell6$plannedElement, _cell6$plannedElement2;
               var _cell6 = _neighbourRow[_y2];
               if (neighbours.includes(_cell6)) continue;
-              if (plannedElement.area.fromY == _y2 && this.gridSetupParams.forceSingleCellPerElement && plannedElement.area.toX == _x2) neighbours.push(_cell6);else if (clean && !this.gridSetupParams.forceSingleCellPerElement && neighbourSize == startHeight) neighbours.push(_cell6);else if (!clean && neighbourSize >= startHeight && neighbourSize <= endHeight) neighbours.push(_cell6);
+              if (plannedElement.area.fromY == _y2 && this.gridSetupParams.forceSingleCellPerElement && plannedElement.area.fromX - 1 == _x2) neighbours.push(_cell6);else if (clean && !this.gridSetupParams.forceSingleCellPerElement && neighbourSize == startHeight) neighbours.push(_cell6);else if (!clean && neighbourSize >= startHeight && neighbourSize <= endHeight) neighbours.push(_cell6);
               neighbourSize = Math.round((neighbourSize + _cell6.plannedElement.size.height) * 1000) / 1000;
               _y2 = (_cell6$plannedElement = (_cell6$plannedElement2 = _cell6.plannedElement) === null || _cell6$plannedElement2 === void 0 ? void 0 : _cell6$plannedElement2.area.toY) !== null && _cell6$plannedElement !== void 0 ? _cell6$plannedElement : _y2 + 1;
             }
@@ -4870,7 +4841,6 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
           for (var _y5 = cell.plannedElement.area.fromY; _y5 < cell.plannedElement.area.toY; _y5++) {
             var _cell9 = grid[_x6][_y5];
             if (!_cell9 || _cell9.plannedElement.elementId == elementId) continue; //already corrected
-
             _cell9.index.x += diff.x;
             _cell9.plannedElement.area.fromX += diff.x;
             _cell9.plannedElement.area.toX += diff.x;

package/build/cjs/{DivaStandardPlanner-4ef1a282.js → DivaStandardPlanner-c5105be2.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-c3717ccf.js');
+var index = require('./index-4cf893d9.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
-var PlannerHandler2D = require('./PlannerHandler2D-aa10f38d.js');
+var PlannerHandler2D = require('./PlannerHandler2D-7f6212c4.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/toConsumableArray');
@@ -227,15 +227,29 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       var refDockingPoint = refElement.getDockingPointById(dockingPoint.OnDP.DpId);
       if (refDockingPoint == undefined) return updateConfig;
       var worldPosNewElement = new index.Vector3(0, 0, 0);
+      var worldPosNewElementIgnoreOLF = new index.Vector3(0, 0, 0);
+
+      // DP LocalWorldPos is OLF-corner-relative when HasOLFPolygon (from SVG). Convert to OLT-corner-relative for WorldPosCornerIgnoreOLF.
+      var refDPLocalOlt = refElement.HasOLFPolygon ? new index.Vector2(refDockingPoint.LocalWorldPos.x - refElement.getOltLeft(), refDockingPoint.LocalWorldPos.z - refElement.getOltTop()) : new index.Vector2(refDockingPoint.LocalWorldPos.x, refDockingPoint.LocalWorldPos.z);
+      var newDPLocalOlt = plannerElement.HasOLFPolygon ? new index.Vector2(dockingPoint.LocalWorldPos.x - plannerElement.getOltLeft(), dockingPoint.LocalWorldPos.z - plannerElement.getOltTop()) : new index.Vector2(dockingPoint.LocalWorldPos.x, dockingPoint.LocalWorldPos.z);
       var rotatedLocalRefDP = new index.Vector2(refDockingPoint.LocalWorldPos.x, refDockingPoint.LocalWorldPos.z);
       rotatedLocalRefDP = index.Vector2.rotateOrigin(rotatedLocalRefDP, refElement.RotDeg);
       var angleToRot = refElement.RotDeg + refDockingPoint.RotDeg - dockingPoint.RotDeg;
       plannerElement.RotDeg = angleToRot;
+      var refWorldPosCor = refElement.WorldPosCorner;
+      // For ref without OLF: use same corner for both alignments (no OLF/OLT split; WorldPosCornerIgnoreOLF getter also does this).
+      var refWorldPosCorIgnoreOLF = refElement.HasOLFPolygon ? refElement.WorldPosCornerIgnoreOLF : refWorldPosCor;
       var rotatedLocalDP2D = index.Vector2.rotateOrigin(new index.Vector2(dockingPoint.LocalWorldPos.x, dockingPoint.LocalWorldPos.z), angleToRot);
-      worldPosNewElement.x = refElement.WorldPosCorner.x + rotatedLocalRefDP.x - rotatedLocalDP2D.x;
-      worldPosNewElement.y = refElement.WorldPosCorner.y + refDockingPoint.LocalWorldPos.y - dockingPoint.LocalWorldPos.y;
-      worldPosNewElement.z = refElement.WorldPosCorner.z + rotatedLocalRefDP.y - rotatedLocalDP2D.y;
+      worldPosNewElement.x = refWorldPosCor.x + rotatedLocalRefDP.x - rotatedLocalDP2D.x;
+      worldPosNewElement.y = refWorldPosCor.y + refDockingPoint.LocalWorldPos.y - dockingPoint.LocalWorldPos.y;
+      worldPosNewElement.z = refWorldPosCor.z + rotatedLocalRefDP.y - rotatedLocalDP2D.y;
+      var rotatedRefDPOlt = index.Vector2.rotateOrigin(refDPLocalOlt, refElement.RotDeg);
+      var rotatedNewDPOlt = index.Vector2.rotateOrigin(newDPLocalOlt, angleToRot);
+      worldPosNewElementIgnoreOLF.x = refWorldPosCorIgnoreOLF.x + rotatedRefDPOlt.x - rotatedNewDPOlt.x;
+      worldPosNewElementIgnoreOLF.z = refWorldPosCorIgnoreOLF.z + rotatedRefDPOlt.y - rotatedNewDPOlt.y;
+      worldPosNewElementIgnoreOLF.y = refWorldPosCorIgnoreOLF.y + refDockingPoint.LocalWorldPos.y - dockingPoint.LocalWorldPos.y;
       plannerElement.WorldPosCorner = worldPosNewElement;
+      plannerElement.WorldPosCornerIgnoreOLF = worldPosNewElementIgnoreOLF;
       updateConfig = this.set.onDockingChanged(plannerElement.ElementId, refElement.ElementId, 'DOCK', dockingPoint.Type);
       var data = this.set.getPlannerData(plannerElement.ElementId);
       plannerElement.updatePlannerData(data);
@@ -1804,16 +1818,24 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       var width = this.plannerBoundingBox.getWidth(catalog.PlannerMeasureDigits);
       var depth = this.plannerBoundingBox.getDepth(catalog.PlannerMeasureDigits);
       var height = this.plannerBoundingBox.getHeight(catalog.PlannerMeasureDigits);
+      var widthIgnoreOLF = this.plannerBoundingBox.getWidth(catalog.PlannerMeasureDigits, true);
+      var depthIgnoreOLF = this.plannerBoundingBox.getDepth(catalog.PlannerMeasureDigits, true);
+      var heightIgnoreOLF = this.plannerBoundingBox.getHeight(catalog.PlannerMeasureDigits, true);
+      var olfDefined = widthIgnoreOLF !== width || depthIgnoreOLF !== depth || heightIgnoreOLF !== height;
       return {
         width: width,
         height: height,
-        depth: depth
+        depth: depth,
+        widthIgnoreOLF: olfDefined ? widthIgnoreOLF : undefined,
+        depthIgnoreOLF: olfDefined ? depthIgnoreOLF : undefined,
+        heightIgnoreOLF: olfDefined ? heightIgnoreOLF : undefined
       };
     }
   }, {
     key: "updatePlannerBoundingBox",
     value: function updatePlannerBoundingBox() {
       this.plannerBoundingBox.calcPlannerBoundingBox(this.getAllPlannerElements());
+      this.plannerBoundingBox.calcPlannerBoundingBoxIgnoreOLF(this.getAllPlannerElements());
     }
   }, {
     key: "getCatalogData",

package/build/cjs/{DoorPlanner-0bd9ff7d.js → DoorPlanner-b4bce492.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-c3717ccf.js');
+require('./index-4cf893d9.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');

package/build/cjs/{Host3DSignalR-c1b2845d.js → Host3DSignalR-4e9f5df7.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-c3717ccf.js');
+var index = require('./index-4cf893d9.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var signalr = require('@microsoft/signalr');
 var io = require('socket.io-client');

package/build/cjs/{LiviqueWWSHandler-91667eb6.js → LiviqueWWSHandler-7cd7311b.js}

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

package/build/cjs/{PfisterWWSHandler-41f002bb.js → PfisterWWSHandler-cbc777bc.js}

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

package/build/cjs/{PlannerHandler2D-aa10f38d.js → PlannerHandler2D-7f6212c4.js}

@@ -5,7 +5,8 @@ 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-c3717ccf.js');
+var index = require('./index-4cf893d9.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var fabric = require('fabric');
 var DivaUtils = require('@crystaldesign/diva-utils');
@@ -18,6 +19,7 @@ var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallChec
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var DivaUtils__default = /*#__PURE__*/_interopDefaultLegacy(DivaUtils);
 var serialize__default = /*#__PURE__*/_interopDefaultLegacy(serialize);
@@ -134,18 +136,122 @@ var SVGUtils = /*#__PURE__*/function () {
       var yArr = points.map(function (c) {
         return c.y;
       });
-      var l = Math.min.apply(Math, _toConsumableArray__default["default"](xArr));
-      var r = Math.max.apply(Math, _toConsumableArray__default["default"](xArr));
-      var b = Math.min.apply(Math, _toConsumableArray__default["default"](yArr));
-      var t = Math.max.apply(Math, _toConsumableArray__default["default"](yArr));
-      var width = r - l;
-      var height = t - b;
+      var minX = Math.min.apply(Math, _toConsumableArray__default["default"](xArr));
+      var maxX = Math.max.apply(Math, _toConsumableArray__default["default"](xArr));
+      var minY = Math.min.apply(Math, _toConsumableArray__default["default"](yArr));
+      var maxY = Math.max.apply(Math, _toConsumableArray__default["default"](yArr));
+      var width = maxX - minX;
+      var height = maxY - minY;
       return {
         width: width,
-        height: height
+        height: height,
+        minX: minX,
+        minY: minY
       };
     }
 
+    /**
+     * Returns OLF geometry (minX, minY, width, height) from SVG - supports rect and polygon.
+     * Iterates through matches to find first rect/polygon (handles Illustrator group wrappers).
+     */
+  }, {
+    key: "getOLFGeometryFromSvg",
+    value: function getOLFGeometryFromSvg(content) {
+      var parser = new DOMParser();
+      var xmlDocument = parser.parseFromString(content, 'application/xml');
+      var olfObjs = xmlDocument.evaluate("//*[starts-with(@id,'OLF')]", xmlDocument, null, 7, null);
+      for (var i = 0; i < olfObjs.snapshotLength; i++) {
+        var obj = olfObjs.snapshotItem(i);
+        if ((obj === null || obj === void 0 ? void 0 : obj.nodeName) === 'rect') {
+          var _obj$getAttribute, _obj$getAttribute2, _obj$getAttribute3, _obj$getAttribute4;
+          var x = parseFloat((_obj$getAttribute = obj.getAttribute('x')) !== null && _obj$getAttribute !== void 0 ? _obj$getAttribute : '0');
+          var y = parseFloat((_obj$getAttribute2 = obj.getAttribute('y')) !== null && _obj$getAttribute2 !== void 0 ? _obj$getAttribute2 : '0');
+          var width = parseFloat((_obj$getAttribute3 = obj.getAttribute('width')) !== null && _obj$getAttribute3 !== void 0 ? _obj$getAttribute3 : '0');
+          var height = parseFloat((_obj$getAttribute4 = obj.getAttribute('height')) !== null && _obj$getAttribute4 !== void 0 ? _obj$getAttribute4 : '0');
+          return {
+            minX: x,
+            minY: y,
+            width: width,
+            height: height
+          };
+        }
+        if ((obj === null || obj === void 0 ? void 0 : obj.nodeName) === 'polygon') {
+          var pts = obj.getAttribute('points');
+          if (pts) {
+            var points = pts.split(/\s+/).reduce(function (acc, p) {
+              var _p$split = p.split(','),
+                _p$split2 = _slicedToArray__default["default"](_p$split, 2),
+                x = _p$split2[0],
+                y = _p$split2[1];
+              if (x != null && y != null) acc.push(new index.Vector2(Number(x), Number(y)));
+              return acc;
+            }, []);
+            if (points.length) {
+              var bbox = this.getBoundingBoxOfPoints(points);
+              return {
+                minX: bbox.minX,
+                minY: bbox.minY,
+                width: bbox.width,
+                height: bbox.height
+              };
+            }
+          }
+        }
+      }
+      return undefined;
+    }
+
+    /**
+     * Returns OLT geometry (x, y, width, height) from SVG attributes - untransformed coords.
+     * Iterates through matches to find first rect/polygon (handles Illustrator group wrappers).
+     */
+  }, {
+    key: "getOLTGeometryFromSvg",
+    value: function getOLTGeometryFromSvg(content) {
+      var parser = new DOMParser();
+      var xmlDocument = parser.parseFromString(content, 'application/xml');
+      var oltObjs = xmlDocument.evaluate("//*[starts-with(@id,'OLT')]", xmlDocument, null, 7, null);
+      for (var i = 0; i < oltObjs.snapshotLength; i++) {
+        var obj = oltObjs.snapshotItem(i);
+        if ((obj === null || obj === void 0 ? void 0 : obj.nodeName) === 'rect') {
+          var _obj$getAttribute5, _obj$getAttribute6, _obj$getAttribute7, _obj$getAttribute8;
+          var x = parseFloat((_obj$getAttribute5 = obj.getAttribute('x')) !== null && _obj$getAttribute5 !== void 0 ? _obj$getAttribute5 : '0');
+          var y = parseFloat((_obj$getAttribute6 = obj.getAttribute('y')) !== null && _obj$getAttribute6 !== void 0 ? _obj$getAttribute6 : '0');
+          var width = parseFloat((_obj$getAttribute7 = obj.getAttribute('width')) !== null && _obj$getAttribute7 !== void 0 ? _obj$getAttribute7 : '0');
+          var height = parseFloat((_obj$getAttribute8 = obj.getAttribute('height')) !== null && _obj$getAttribute8 !== void 0 ? _obj$getAttribute8 : '0');
+          return {
+            x: x,
+            y: y,
+            width: width,
+            height: height
+          };
+        }
+        if ((obj === null || obj === void 0 ? void 0 : obj.nodeName) === 'polygon') {
+          var pts = obj.getAttribute('points');
+          if (pts) {
+            var points = pts.split(/\s+/).reduce(function (acc, p) {
+              var _p$split3 = p.split(','),
+                _p$split4 = _slicedToArray__default["default"](_p$split3, 2),
+                x = _p$split4[0],
+                y = _p$split4[1];
+              if (x != null && y != null) acc.push(new index.Vector2(Number(x), Number(y)));
+              return acc;
+            }, []);
+            if (points.length) {
+              var bbox = this.getBoundingBoxOfPoints(points);
+              return {
+                x: bbox.minX,
+                y: bbox.minY,
+                width: bbox.width,
+                height: bbox.height
+              };
+            }
+          }
+        }
+      }
+      return undefined;
+    }
+
     /**
      * This function looks if the svg has a Mask HTML element. If so it removes all masks from SVG
      * @param content
@@ -2069,15 +2175,24 @@ var PlannerHandler2D = /*#__PURE__*/function () {
       }
       plannerElement.OLTPolygon = oltPoints;
       var olf = this.svgUtils.getPointOfPoligonById(svgXml, 'OLF');
+      var olfGeoEarly = this.svgUtils.getOLFGeometryFromSvg(svgXml);
       if (olf !== null && olf !== void 0 && olf.length) {
-        var _this$svgUtils$getBou = this.svgUtils.getBoundingBoxOfPoints(olf),
-          widthOlf = _this$svgUtils$getBou.width,
-          heightOlf = _this$svgUtils$getBou.height;
-        plannerElement.setupOLF(olf, widthOlf, heightOlf);
-      } else if (sizes !== null && sizes !== void 0 && sizes.heightOLF, sizes !== null && sizes !== void 0 && sizes.widthOLF) {
-        plannerElement.setupOLF(olf, sizes === null || sizes === void 0 ? void 0 : sizes.widthOLF, sizes === null || sizes === void 0 ? void 0 : sizes.heightOLF);
+        var _olfGeoEarly$width, _olfGeoEarly$height;
+        var olfBBox = this.svgUtils.getBoundingBoxOfPoints(olf);
+        // Prefer getOLFGeometryFromSvg for dims - single source of truth, handles split(/\s+/) correctly
+        var olfW = (_olfGeoEarly$width = olfGeoEarly === null || olfGeoEarly === void 0 ? void 0 : olfGeoEarly.width) !== null && _olfGeoEarly$width !== void 0 ? _olfGeoEarly$width : olfBBox.width;
+        var olfD = (_olfGeoEarly$height = olfGeoEarly === null || olfGeoEarly === void 0 ? void 0 : olfGeoEarly.height) !== null && _olfGeoEarly$height !== void 0 ? _olfGeoEarly$height : olfBBox.height;
+        plannerElement.setupOLF(olf, olfW, olfD);
       } else {
-        plannerElement.clearOLF();
+        var olfGeo = this.svgUtils.getOLFGeometryFromSvg(svgXml);
+        if (olfGeo) {
+          var olfRectPoints = [new index.Vector2(olfGeo.minX, olfGeo.minY), new index.Vector2(olfGeo.minX + olfGeo.width, olfGeo.minY), new index.Vector2(olfGeo.minX + olfGeo.width, olfGeo.minY + olfGeo.height), new index.Vector2(olfGeo.minX, olfGeo.minY + olfGeo.height)];
+          plannerElement.setupOLF(olfRectPoints, olfGeo.width, olfGeo.height);
+        } else if (sizes !== null && sizes !== void 0 && sizes.heightOLF, sizes !== null && sizes !== void 0 && sizes.widthOLF) {
+          plannerElement.setupOLF(olf, sizes === null || sizes === void 0 ? void 0 : sizes.widthOLF, sizes === null || sizes === void 0 ? void 0 : sizes.heightOLF);
+        } else {
+          plannerElement.clearOLF();
+        }
       }
 
       //if we are running in node js dont do fabric stuff
@@ -2102,8 +2217,6 @@ var PlannerHandler2D = /*#__PURE__*/function () {
                   break;
                 case 'OLT':
                   object.stroke = 'none';
-                  oltTop = object.top;
-                  oltLeft = object.left;
                   oltWidth = object.width;
                   oltDepth = object.height;
                   break;
@@ -2111,6 +2224,16 @@ var PlannerHandler2D = /*#__PURE__*/function () {
             }
             olfObjects.push(object);
           }
+          // oltLeft/oltTop/oltWidth/oltDepth from SVG attributes (untransformed) - Fabric values wrong for transformed rects
+          var olfGeo = that.svgUtils.getOLFGeometryFromSvg(svgXml);
+          var oltGeo = that.svgUtils.getOLTGeometryFromSvg(svgXml);
+          if (olfGeo && oltGeo) {
+            oltLeft = oltGeo.x - olfGeo.minX;
+            oltTop = oltGeo.y - olfGeo.minY;
+            oltWidth = oltGeo.width;
+            oltDepth = oltGeo.height;
+          }
+
           //hier wird definitv fabric.js Element erstellt
           var fabricShapeOLF = fabric.fabric.util.groupSVGElements(olfObjects, options);
           fabricShapeOLF.set({
@@ -2137,14 +2260,20 @@ var PlannerHandler2D = /*#__PURE__*/function () {
           plannerElement.SvgData = svgXml;
           fabric.fabric.loadSVGFromString(svgXmlOLT, function (objectsOLT, optionsOLT) {
             plannerElement.cleanShapeOLT2D();
-            for (var objNo = 0; objNo < objects.length; objNo++) {
-              var object = objects[objNo];
-              var objID;
-              if (object.id) {
-                objID = object.id.toString();
-                if (objID.startsWith('OLT')) {
-                  optionsOLT.height = object.height;
-                  optionsOLT.width = object.width;
+            if (oltGeo) {
+              optionsOLT.width = oltGeo.width;
+              optionsOLT.height = oltGeo.height;
+            } else {
+              for (var objNo = 0; objNo < objects.length; objNo++) {
+                var object = objects[objNo];
+                var objID;
+                if (object.id) {
+                  objID = object.id.toString();
+                  if (objID.startsWith('OLT')) {
+                    optionsOLT.height = object.height;
+                    optionsOLT.width = object.width;
+                    break;
+                  }
                 }
               }
             }

package/build/cjs/{SeriousBasketHandler-2828d981.js → SeriousBasketHandler-ebf721a1.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-c3717ccf.js');
+var index = require('./index-4cf893d9.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');

package/build/cjs/{ShelfPlanner-fe876b5e.js → ShelfPlanner-571a645a.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-c3717ccf.js');
+var index = require('./index-4cf893d9.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');

package/build/cjs/{StandardWWSHandler-b275174b.js → StandardWWSHandler-bc5d8354.js}

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