@crystaldesign/web-planner-logic 26.12.0-beta.8 → 26.12.0-rc.0

package/build/cjs/{DivaBoxPlanner-143d6027.js → DivaBoxPlanner-5e930cef.js}

@@ -5,13 +5,14 @@ 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-9358200e.js');
+var index = require('./index-70f9ba19.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-1b4b06b0.js');
+var PlannerHandler2D = require('./PlannerHandler2D-97dff60d.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('axios');
+require('@crystaldesign/planner-2d-core');
 require('@crystaldesign/basket-model');
 require('@babel/runtime/helpers/typeof');
 require('fast-xml-parser');
@@ -21,7 +22,6 @@ require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/wrapNativeSuper');
 require('@crystaldesign/basket-handler');
 require('socket.io-client');
-require('@crystaldesign/planner-2d-core');
 require('@babel/runtime/helpers/get');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/{DivaStandardPlanner-85b2b3ec.js → DivaStandardPlanner-9b10f74c.js}

@@ -6,10 +6,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-9358200e.js');
+var index = require('./index-70f9ba19.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var planner2dCore = require('@crystaldesign/planner-2d-core');
-var PlannerHandler2D = require('./PlannerHandler2D-1b4b06b0.js');
+var PlannerHandler2D = require('./PlannerHandler2D-97dff60d.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('axios');
@@ -890,21 +890,25 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
         return a.WorldPosCorner.x < b.WorldPosCorner.x ? 1 : 0;
       });
       var groupElements = [];
+      var removeFromElementsToAdd = function removeFromElementsToAdd(elementId) {
+        var index = elementsToAdd.indexOf(elementId);
+        if (index >= 0) elementsToAdd.splice(index, 1);
+      };
 
       //Create groups for all chains
       for (var i = 0; i < startChainElements.length; i++) {
         var startChainElement = startChainElements[i];
         var group = [];
-        elementsToAdd.splice(elementsToAdd.indexOf(startChainElement.getElementId()), 1);
+        removeFromElementsToAdd(startChainElement.getElementId());
         var groupIsFinished = false;
         var curElementInGroup = startChainElement;
         while (!groupIsFinished) {
           group.push(curElementInGroup.getElementId());
-          elementsToAdd.splice(elementsToAdd.indexOf(curElementInGroup.getElementId()), 1);
+          removeFromElementsToAdd(curElementInGroup.getElementId());
           var accsOfElement = this.getAccessoiresRecursive(curElementInGroup.getElementId());
           for (var j = 0; j < accsOfElement.length; j++) {
             group.push(accsOfElement[j]);
-            elementsToAdd.splice(elementsToAdd.indexOf(accsOfElement[j]), 1);
+            removeFromElementsToAdd(accsOfElement[j]);
           }
           var AVRElements = this.getNeighborElements(curElementInGroup.getElementId(), 'AVR');
           if (!AVRElements || AVRElements.length == 0) groupIsFinished = true;else curElementInGroup = this.plannerElements.get(AVRElements[0]);
@@ -1026,7 +1030,7 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
     key: "extendPlanner",
     value: (function () {
       var _extendPlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(setPlanData, globalBoundingBox) {
-        var planData, jsonElements, elementsSortedbyPosNr, accElements, oldElementidMapping, i, _saveElementArticleCo, _jsonElement$Accessoi, jsonElement, catalogArticle, plannerElement, data, elementsForDockingExtend, row, curElement, DPsInfo, j, dpInfo, sourceDP, targetElement, targetDP;
+        var planData, jsonElements, elementsSortedbyPosNr, accElements, oldElementidMapping, i, _this$set$getArticleB, _this$set$getArticleB2, _saveElementArticleCo, _jsonElement$Accessoi, jsonElement, catalogArticle, plannerElement, data, elementsForDockingExtend, row, curElement, DPsInfo, j, dpInfo, sourceDP, targetElement, targetDP;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -1047,7 +1051,7 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
               }
               _context5.prev = 8;
               jsonElement = jsonElements[i];
-              catalogArticle = this.set.CatalogData.getCatalogArticleByArticleCodex((_saveElementArticleCo = saveElementArticleCodex(jsonElement)) !== null && _saveElementArticleCo !== void 0 ? _saveElementArticleCo : '');
+              catalogArticle = (_this$set$getArticleB = (_this$set$getArticleB2 = this.set.getArticleByBasketId(jsonElement.basketID)) === null || _this$set$getArticleB2 === void 0 ? void 0 : _this$set$getArticleB2.catalogArticle) !== null && _this$set$getArticleB !== void 0 ? _this$set$getArticleB : this.set.CatalogData.getCatalogArticleByArticleCodex((_saveElementArticleCo = saveElementArticleCodex(jsonElement)) !== null && _saveElementArticleCo !== void 0 ? _saveElementArticleCo : '');
               if (!(!catalogArticle && (_jsonElement$Accessoi = jsonElement.AccessoireInitParams) !== null && _jsonElement$Accessoi !== void 0 && _jsonElement$Accessoi.RelatedToBasketID && !this.set.getSetState.onlyRunLogic)) {
                 _context5.next = 14;
                 break;
@@ -1137,7 +1141,7 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
     key: "initPlanner",
     value: function () {
       var _initPlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(setPlanData) {
-        var planData, _planData$set, jsonElements, elementsSortedbyPosNr, accElements, i, _saveElementArticleCo2, _jsonElement$Accessoi2, jsonElement, catalogArticle, elementID, plannerElement, data, onlyOneBaseElement, elementsForDocking, row, _jsonElement, hasSavedPos, element, DPsInfo, j, dpInfo, sourceElement, sourceDP, targetElement, targetDP, alreadyDocked, docked, _elementsForDocking$i, elementId, _planData$Sets, _legacySet$Elements, legacySet, _jsonElements, _elementsSortedbyPosNr, _accElements, _saveElementArticleCo3, _jsonElement2$Accesso, _jsonElement2, _catalogArticle, basketID, _elementId, _plannerElement, _data, centerWorldPos, parentPosNr, accPosNr, elementsForDockingV1, _row, _DPsInfo, _dpInfo, _this$plannerElements, targetElementId, dpType, curElement, _targetElement, anchorElement;
+        var planData, _planData$set, jsonElements, elementsSortedbyPosNr, accElements, i, _this$set$getArticleB3, _this$set$getArticleB4, _saveElementArticleCo2, _jsonElement$Accessoi2, jsonElement, catalogArticle, elementID, plannerElement, data, onlyOneBaseElement, elementsForDocking, row, _jsonElement, hasSavedPos, element, DPsInfo, j, dpInfo, sourceElement, sourceDP, targetElement, targetDP, alreadyDocked, docked, _elementsForDocking$i, elementId, _planData$Sets, _legacySet$Elements, legacySet, _jsonElements, _elementsSortedbyPosNr, _accElements, _saveElementArticleCo3, _jsonElement2$Accesso, _jsonElement2, _catalogArticle, basketID, _elementId, _plannerElement, _data, centerWorldPos, parentPosNr, accPosNr, elementsForDockingV1, _row, _DPsInfo, _dpInfo, _this$plannerElements, targetElementId, dpType, curElement, _targetElement, anchorElement;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -1164,7 +1168,7 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
               }
               _context6.prev = 10;
               jsonElement = jsonElements[i];
-              catalogArticle = this.set.CatalogData.getCatalogArticleByArticleCodex((_saveElementArticleCo2 = saveElementArticleCodex(jsonElement)) !== null && _saveElementArticleCo2 !== void 0 ? _saveElementArticleCo2 : '');
+              catalogArticle = (_this$set$getArticleB3 = (_this$set$getArticleB4 = this.set.getArticleByBasketId(jsonElement.basketID)) === null || _this$set$getArticleB4 === void 0 ? void 0 : _this$set$getArticleB4.catalogArticle) !== null && _this$set$getArticleB3 !== void 0 ? _this$set$getArticleB3 : this.set.CatalogData.getCatalogArticleByArticleCodex((_saveElementArticleCo2 = saveElementArticleCodex(jsonElement)) !== null && _saveElementArticleCo2 !== void 0 ? _saveElementArticleCo2 : '');
               if (!(!catalogArticle && (_jsonElement$Accessoi2 = jsonElement.AccessoireInitParams) !== null && _jsonElement$Accessoi2 !== void 0 && _jsonElement$Accessoi2.RelatedToBasketID && !this.set.getSetState.onlyRunLogic)) {
                 _context6.next = 16;
                 break;

package/build/cjs/{DoorPlanner-2350aacc.js → DoorPlanner-3c74f8e1.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-9358200e.js');
+require('./index-70f9ba19.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
@@ -11,6 +11,7 @@ require('@babel/runtime/regenerator');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/toConsumableArray');
 require('axios');
+require('@crystaldesign/planner-2d-core');
 require('@crystaldesign/basket-model');
 require('@babel/runtime/helpers/typeof');
 require('fast-xml-parser');
@@ -20,7 +21,6 @@ require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/wrapNativeSuper');
 require('@crystaldesign/basket-handler');
 require('socket.io-client');
-require('@crystaldesign/planner-2d-core');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/{Host3DSignalR-dad3c3fd.js → Host3DSignalR-2ba0c49a.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-9358200e.js');
+var index = require('./index-70f9ba19.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var signalr = require('@microsoft/signalr');
 var io = require('socket.io-client');
@@ -14,6 +14,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/toConsumableArray');
 require('axios');
+require('@crystaldesign/planner-2d-core');
 require('@crystaldesign/basket-model');
 require('@babel/runtime/helpers/typeof');
 require('fast-xml-parser');
@@ -22,7 +23,6 @@ require('@babel/runtime/helpers/getPrototypeOf');
 require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/wrapNativeSuper');
 require('@crystaldesign/basket-handler');
-require('@crystaldesign/planner-2d-core');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/{LiviqueWWSHandler-1efa9da7.js → LiviqueWWSHandler-a4230440.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-require('./index-9358200e.js');
+require('./index-70f9ba19.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/defineProperty');
@@ -11,6 +11,7 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/toConsumableArray');
 require('axios');
 require('@crystaldesign/diva-utils');
+require('@crystaldesign/planner-2d-core');
 require('@crystaldesign/basket-model');
 require('@babel/runtime/helpers/typeof');
 require('fast-xml-parser');
@@ -20,7 +21,6 @@ require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/wrapNativeSuper');
 require('@crystaldesign/basket-handler');
 require('socket.io-client');
-require('@crystaldesign/planner-2d-core');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/{PfisterWWSHandler-be3ebeaa.js → PfisterWWSHandler-2d41405a.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-var index = require('./index-9358200e.js');
+var index = require('./index-70f9ba19.js');
 var basketModel = require('@crystaldesign/basket-model');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
@@ -12,6 +12,7 @@ require('@babel/runtime/regenerator');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/toConsumableArray');
 require('axios');
+require('@crystaldesign/planner-2d-core');
 require('@babel/runtime/helpers/typeof');
 require('fast-xml-parser');
 require('@babel/runtime/helpers/possibleConstructorReturn');
@@ -20,7 +21,6 @@ require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/wrapNativeSuper');
 require('@crystaldesign/basket-handler');
 require('socket.io-client');
-require('@crystaldesign/planner-2d-core');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/{PlannerHandler2D-1b4b06b0.js → PlannerHandler2D-97dff60d.js}

@@ -5,15 +5,13 @@ 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-9358200e.js');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var DivaUtils = require('@crystaldesign/diva-utils');
-var planner2dCore = require('@crystaldesign/planner-2d-core');
+var index = require('./index-70f9ba19.js');
 var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _get = require('@babel/runtime/helpers/get');
 var _inherits = require('@babel/runtime/helpers/inherits');
+var planner2dCore = require('@crystaldesign/planner-2d-core');
+var DivaUtils = require('@crystaldesign/diva-utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,276 +20,11 @@ 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 _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var _get__default = /*#__PURE__*/_interopDefaultLegacy(_get);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(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(r, a) : void 0; } }
-function _arrayLikeToArray(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; }
-var LOG$1 = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
-var SVGUtils = /*#__PURE__*/function () {
-  function SVGUtils() {
-    _classCallCheck__default["default"](this, SVGUtils);
-  }
-  /**
-   * This function removes all VIF and OLF information from the SVG. This is used for displaying only the OLT information
-   * @param content The svg with OLF and OLT
-   * @returns SVG with only OLT information
-   */
-  return _createClass__default["default"](SVGUtils, [{
-    key: "removeOLFFromSvg",
-    value: function removeOLFFromSvg(content) {
-      var xmlDocument = planner2dCore.parseXml(content);
-      var vifObjs = xmlDocument.evaluate("//*[starts-with(@id,'VIF')]", xmlDocument, null, 7, null);
-      if (vifObjs.snapshotLength > 0) {
-        for (var i = 0; i < vifObjs.snapshotLength; i++) {
-          var _parentElement;
-          (_parentElement = vifObjs.snapshotItem(i).parentElement) === null || _parentElement === void 0 || _parentElement.removeChild(vifObjs.snapshotItem(i));
-        }
-      }
-      var olfObjs = xmlDocument.evaluate("//*[starts-with(@id,'OLF')]", xmlDocument, null, 7, null);
-      if (olfObjs.snapshotLength > 0) {
-        for (var i = 0; i < olfObjs.snapshotLength; i++) {
-          var _parentElement2;
-          (_parentElement2 = olfObjs.snapshotItem(i).parentElement) === null || _parentElement2 === void 0 || _parentElement2.removeChild(olfObjs.snapshotItem(i));
-        }
-      }
-      return planner2dCore.serializeXml(xmlDocument);
-    }
-
-    /**
-     * This function returns the DPs of an svg
-     * @param content The svg with OLF and OLT
-     * @returns SVG with only OLT information
-     */
-  }, {
-    key: "getDPsInSVG",
-    value: function getDPsInSVG(content) {
-      var dockingpointsSvgLine = [];
-      var xmlDocument = planner2dCore.parseXml(content);
-      var dpObjs = xmlDocument.evaluate("//*[starts-with(@id,'AV')]", xmlDocument, null, 7, null);
-      if (dpObjs.snapshotLength > 0) {
-        for (var i = 0; i < dpObjs.snapshotLength; i++) {
-          var obj = dpObjs.snapshotItem(i);
-          if ((obj === null || obj === void 0 ? void 0 : obj.nodeName) === 'line') {
-            dockingpointsSvgLine.push({
-              x1: Number(obj.getAttribute('x1')),
-              y1: Number(obj.getAttribute('y1')),
-              x2: Number(obj.getAttribute('x2')),
-              y2: Number(obj.getAttribute('y2')),
-              dockingName: obj.getAttribute('id'),
-              dockingType: obj.getAttribute('id').substring(0, 3)
-            });
-          } else {
-            throw new Error('nodename type: ' + obj.nodeName + ' not implemented');
-          }
-        }
-      }
-      dockingpointsSvgLine.sort(function (a, b) {
-        if (a.dockingType === 'AVL') return -1;
-        if (a.dockingType === 'AVR' && ['AVR', 'AVC', 'AVU', 'AVO', 'AVS', 'AVN'].includes(b.dockingType)) return -1;
-        return 0;
-      });
-      return dockingpointsSvgLine;
-    }
-
-    /**
-     * This function returns the DPs of an svg
-     * @param content The svg with OLF and OLT
-     * @returns SVG with only OLT information
-     */
-  }, {
-    key: "getPointOfPoligonById",
-    value: function getPointOfPoligonById(content, id) {
-      var points = [];
-      var xmlDocument = planner2dCore.parseXml(content);
-      var dpObjs = xmlDocument.evaluate("//*[starts-with(@id,'" + id + "')]", xmlDocument, null, 7, null);
-      if (dpObjs.snapshotLength > 1 || dpObjs.snapshotLength == 0) return undefined;
-      for (var i = 0; i < dpObjs.snapshotLength; i++) {
-        var obj = dpObjs.snapshotItem(i);
-        if ((obj === null || obj === void 0 ? void 0 : obj.nodeName) === 'polygon') {
-          var pointsAsString = obj.getAttribute('points');
-          if (pointsAsString) {
-            var pointsFromString = pointsAsString.split(' ');
-            for (var j = 0; j < pointsFromString.length; j++) {
-              var xandY = pointsFromString[j].split(',');
-              if (xandY.length !== 2) continue;
-              points.push(new index.Vector2(Number(xandY[0]), Number(xandY[1])));
-            }
-          } else {
-            return undefined;
-          }
-        }
-      }
-      return points;
-    }
-  }, {
-    key: "getBoundingBoxOfPoints",
-    value: function getBoundingBoxOfPoints(points) {
-      var xArr = points.map(function (c) {
-        return c.x;
-      });
-      var yArr = points.map(function (c) {
-        return c.y;
-      });
-      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,
-        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 xmlDocument = planner2dCore.parseXml(content);
-      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 xmlDocument = planner2dCore.parseXml(content);
-      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
-     */
-  }, {
-    key: "removeMaskFromSvg",
-    value: function removeMaskFromSvg(content) {
-      return planner2dCore.removeMask(content);
-    }
-
-    /**
-     * Stretches the SVG to the target OLT size and passes the result to the callback.
-     * @param svgSourceUrl optional URL / path of the loaded SVG for diagnostics
-     */
-  }, {
-    key: "ccCheckStretchAreas",
-    value: function ccCheckStretchAreas(content, newWidthCM, newHeightCM, useglobalSvgScale, svgMinBorderXVal, svgMinBorderYVal, callback, svgSourceUrl) {
-      var result = planner2dCore.stretchArticleSvg(content, newWidthCM, newHeightCM, {
-        useGlobalScale: useglobalSvgScale,
-        minBorderX: svgMinBorderXVal,
-        minBorderY: svgMinBorderYVal
-      });
-      var _iterator = _createForOfIteratorHelper(result.warnings),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var warning = _step.value;
-          LOG$1.warn('[SVGUtils] ccCheckStretchAreas: ' + warning + (svgSourceUrl ? ' (svg: ' + svgSourceUrl + ')' : ''));
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      callback(result.svg);
-      return result.sizes;
-    }
-  }]);
-}();
+var DivaUtils__default = /*#__PURE__*/_interopDefaultLegacy(DivaUtils);
 
 function _callSuper(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -328,7 +61,7 @@ var PlannerHandler2D = /*#__PURE__*/function () {
   function PlannerHandler2D() {
     _classCallCheck__default["default"](this, PlannerHandler2D);
     _defineProperty__default["default"](this, "svgUtils", void 0);
-    this.svgUtils = new SVGUtils();
+    this.svgUtils = new index.SVGUtils();
   }
   /**
    * This function computes the collision between two elements.
@@ -434,8 +167,9 @@ var PlannerHandler2D = /*#__PURE__*/function () {
     key: "loadSVG",
     value: (function () {
       var _loadSVG = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(plannerElement, set) {
-        var _this = this;
-        var svgFile, svgContentXML, svgContent, result, svgNewWidth, svgNewDepth, sizes, minBoderSVG, svgSourceUrl, correctedContent;
+        var _plannerElement$Heigh,
+          _this = this;
+        var svgFile, svgContentXML, svgContent, result, svgNewWidth, svgNewDepth, sizes, doStretch, minBoderSVG, svgSourceUrl, correctedContent;
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -485,38 +219,49 @@ var PlannerHandler2D = /*#__PURE__*/function () {
                 }));
               }
               plannerElement.svgBefore = svgContentXML;
-              svgNewWidth = plannerElement.Width;
-              svgNewDepth = plannerElement.Depth;
+              // a size the element derived from its svg is no measure: that axis keeps the drawing - stretching its OLT to the
+              // canvas size would inflate an accessory whose canvas has a margin for its AV lines
+              svgNewWidth = plannerElement.DoSetWidthFromSVG ? undefined : plannerElement.Width;
+              svgNewDepth = plannerElement.DoSetDepthFromSVG ? undefined : plannerElement.Depth;
               //fix for "kissen" that didnt had a depth but do have a height https://app.asana.com/0/1201426433314773/1201432109700389
-              if (svgNewDepth === -1 && plannerElement.Height !== -1) svgNewDepth = plannerElement.Height;
-              if (!(svgNewWidth != undefined && svgNewWidth > 0 && svgNewDepth != undefined && svgNewDepth > 0)) {
-                _context.next = 31;
+              if (svgNewDepth == undefined && svgNewWidth != undefined && ((_plannerElement$Heigh = plannerElement.Height) !== null && _plannerElement$Heigh !== void 0 ? _plannerElement$Heigh : -1) > 0) svgNewDepth = plannerElement.Height;
+
+              // outside IDM only both measures stretch, as before - one measure would distort a globally scaled Diva svg
+              doStretch = set.CatalogData.isIDMFormat ? svgNewWidth != undefined || svgNewDepth != undefined : svgNewWidth != undefined && svgNewDepth != undefined;
+              if (!doStretch) {
+                _context.next = 32;
                 break;
               }
               minBoderSVG = this.getMinBorderSVG(svgContentXML);
               svgSourceUrl = set.CatalogData.isIDMFormat ? svgFile : "".concat(set.CatalogData.mediaUrl, "pln_").concat(svgFile);
               correctedContent = '';
-              _context.next = 27;
+              _context.next = 28;
               return new Promise(function (resolve, reject) {
-                sizes = _this.svgUtils.ccCheckStretchAreas(svgContentXML, svgNewWidth, svgNewDepth, set.CatalogData.useGlobalSVGScale, minBoderSVG.svgMinXVal, minBoderSVG.svgMinYVal, function (_correctedContent) {
+                var _svgNewDepth;
+                sizes = _this.svgUtils.ccCheckStretchAreas(svgContentXML, svgNewWidth !== null && svgNewWidth !== void 0 ? svgNewWidth : 0, (_svgNewDepth = svgNewDepth) !== null && _svgNewDepth !== void 0 ? _svgNewDepth : 0, set.CatalogData.useGlobalSVGScale, minBoderSVG.svgMinXVal, minBoderSVG.svgMinYVal, function (_correctedContent) {
                   correctedContent = _correctedContent;
                   resolve();
-                }, svgSourceUrl);
+                }, svgSourceUrl,
+                // parseSvg derives a kept axis afterwards from the stretched svg's canvas
+                {
+                  width: svgNewWidth == undefined,
+                  depth: svgNewDepth == undefined
+                });
               });
-            case 27:
+            case 28:
               plannerElement.svgAfter = correctedContent;
               this.parseSvg(plannerElement, correctedContent, minBoderSVG, set.CatalogData.getPlannerConfig(), sizes);
-              _context.next = 33;
+              _context.next = 34;
               break;
-            case 31:
+            case 32:
               plannerElement.svgAfter = svgContentXML;
               this.parseSvg(plannerElement, svgContentXML, {
                 svgMinXVal: 0,
                 svgMinYVal: 0
               }, set.CatalogData.getPlannerConfig());
-            case 33:
-              return _context.abrupt("return", true);
             case 34:
+              return _context.abrupt("return", true);
+            case 35:
             case "end":
               return _context.stop();
           }