@crystaldesign/web-planner-logic 26.11.0-beta.2 → 26.11.0-beta.21

package/build/cjs/{DivaStandardPlanner-d44ae0e7.js → DivaStandardPlanner-40846a4f.js}

@@ -1,30 +1,32 @@
 'use strict';
 
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-d63749e4.js');
+var index = require('./index-7d87a838.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
-var PlannerHandler2D = require('./PlannerHandler2D-dbe1d858.js');
+var planner2dCore = require('@crystaldesign/planner-2d-core');
+var PlannerHandler2D = require('./PlannerHandler2D-e2c83aec.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/toConsumableArray');
 require('axios');
 require('@crystaldesign/basket-model');
 require('@babel/runtime/helpers/typeof');
+require('fast-xml-parser');
 require('@babel/runtime/helpers/possibleConstructorReturn');
 require('@babel/runtime/helpers/getPrototypeOf');
 require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/wrapNativeSuper');
 require('@crystaldesign/basket-handler');
 require('socket.io-client');
-require('fabric');
-require('w3c-xmlserializer');
+require('@babel/runtime/helpers/get');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
@@ -32,6 +34,26 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var DivaUtils__default = /*#__PURE__*/_interopDefaultLegacy(DivaUtils);
 
+/** Configurator 2.0 set planner payload (`SetPlanData` after base64 decode). */
+
+/** Legacy planner 1.x payload (no `v: 2` wrapper). */
+
+function parseSetPlanData(setPlanData) {
+  var planDataString = DivaUtils__default["default"].decodeBase64(setPlanData);
+  return JSON.parse(planDataString);
+}
+function isSavePlannerV2(planData) {
+  return planData.v === 2;
+}
+
+/** Article codex from a V2 or legacy element record. */
+function saveElementArticleCodex(element) {
+  return element.articleCodex || element.Codex;
+}
+
+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 = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var ACC_DOCK_TYPES = ['AVO', 'AVU', 'AVC', 'AVS', 'AVN'];
 var DivaStandardPlanner = /*#__PURE__*/function () {
@@ -61,7 +83,13 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "nextElementId", 1);
     _defineProperty__default["default"](this, "collisionHandler", void 0);
     _defineProperty__default["default"](this, "dockToAVUorAVOororAVNorAVSorAVC", function (plannerElement, targetElements) {
-      if (plannerElement.HasAVU) {
+      // Capability comes from the SVG-parsed docking points, not the catalog metadata counts
+      // (countAV*): the parsed SVG is the same source the targeted dock (tryDockElementToDP) uses, so
+      // auto-dock stays consistent with it even when the catalog's SVG detail info misses the counts.
+      var hasFreeDP = function hasFreeDP(type) {
+        return plannerElement.getFreeDockingPointsByType(type).length > 0;
+      };
+      if (hasFreeDP('AVU')) {
         //Try to dock Element to free AVR
         var successDP = PlannerHandler2D.dockingPointHandlerInst.tryDockElement(plannerElement, 'AVU', targetElements);
         if (successDP) {
@@ -77,28 +105,28 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
           if (_successDP) return true;
         }
       }
-      if (plannerElement.HasAVO) {
+      if (hasFreeDP('AVO')) {
         var _successDP2 = PlannerHandler2D.dockingPointHandlerInst.tryDockElement(plannerElement, 'AVO', targetElements);
         if (_successDP2) {
           _this.updateWorldPos(plannerElement, _successDP2);
           return true;
         }
       }
-      if (plannerElement.HasAVN) {
+      if (hasFreeDP('AVN')) {
         var _successDP3 = PlannerHandler2D.dockingPointHandlerInst.tryDockElement(plannerElement, 'AVN', targetElements);
         if (_successDP3) {
           _this.updateWorldPos(plannerElement, _successDP3);
           return true;
         }
       }
-      if (plannerElement.HasAVS) {
+      if (hasFreeDP('AVS')) {
         var _successDP4 = PlannerHandler2D.dockingPointHandlerInst.tryDockElement(plannerElement, 'AVS', targetElements);
         if (_successDP4) {
           _this.updateWorldPos(plannerElement, _successDP4);
           return true;
         }
       }
-      if (plannerElement.HasAVC) {
+      if (hasFreeDP('AVC')) {
         var _successDP5 = PlannerHandler2D.dockingPointHandlerInst.tryDockElement(plannerElement, 'AVC', targetElements);
         if (_successDP5) {
           _this.updateWorldPos(plannerElement, _successDP5);
@@ -231,30 +259,7 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       var refElement = this.plannerElements.get(dockingPoint.OnElementId);
       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 = 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;
+      this.applyDockTransform(plannerElement, refElement, dockingPoint, refDockingPoint);
       updateConfig = this.set.onDockingChanged(plannerElement.ElementId, refElement.ElementId, 'DOCK', dockingPoint.Type);
       var data = this.set.getPlannerData(plannerElement.ElementId);
       plannerElement.updatePlannerData(data);
@@ -263,15 +268,81 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       return updateConfig;
     }
 
+    /**
+     * Positions `plannerElement` so its `dockingPoint` aligns to `refElement`'s `refDockingPoint`
+     * (rotation + OLF/OLT-aware translation). Mutates only the element's world position and rotation —
+     * NOT the docking relations — so it is reusable for a non-committing snap preview
+     * ({@link getDockSnapPreview}) as well as the real dock ({@link updateWorldPos}).
+     */
+  }, {
+    key: "applyDockTransform",
+    value: function applyDockTransform(plannerElement, refElement, dockingPoint, refDockingPoint) {
+      var dockedTransform = planner2dCore.computeDockedTransform(refElement, refDockingPoint, plannerElement, dockingPoint);
+      plannerElement.RotDeg = dockedTransform.rotDeg;
+      plannerElement.WorldPosCorner = new index.Vector3(dockedTransform.worldPosCorner.x, dockedTransform.worldPosCorner.y, dockedTransform.worldPosCorner.z);
+      plannerElement.WorldPosCornerIgnoreOLF = new index.Vector3(dockedTransform.worldPosCornerIgnoreOLF.x, dockedTransform.worldPosCornerIgnoreOLF.y, dockedTransform.worldPosCornerIgnoreOLF.z);
+    }
+
+    /**
+     * Non-committing preview of where `elementId` would auto-snap if released now: runs the same
+     * dockable-pair search as END, and for the closest pair computes the docked transform via
+     * {@link applyDockTransform} (apply → read → restore, no docking relations touched). Returns the
+     * delta from the element's current transform (cm / deg), or null if nothing is in snapping range.
+     * `excludeElementIds` skips the element's own move-group so it doesn't "snap" to siblings that
+     * are translating with it.
+     */
+  }, {
+    key: "getDockSnapPreview",
+    value: function getDockSnapPreview(elementId, autoDockingDistance) {
+      var excludeElementIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      var element = this.plannerElements.get(elementId);
+      if (!element) return null;
+      var targets = this.getAllPlannerElements().filter(function (e) {
+        return e.getElementId() !== elementId && !excludeElementIds.includes(e.getElementId());
+      });
+      var pairs = PlannerHandler2D.dockingPointHandlerInst.searchDockableElementsInArea(element, targets, autoDockingDistance);
+      if (!pairs || pairs.size === 0) return null;
+      var best;
+      pairs.forEach(function (p) {
+        if (best == undefined || p.distance < best.distance) best = p;
+      });
+      if (best == undefined) return null;
+      var targetElement = this.plannerElements.get(best.targetDP.ElementId);
+      if (!targetElement) return null;
+      var savedRot = element.RotDeg;
+      var savedCenter = element.WorldPosCenter;
+      var savedX = savedCenter.x,
+        savedY = savedCenter.y,
+        savedZ = savedCenter.z;
+      this.applyDockTransform(element, targetElement, best.sourceDP, best.targetDP);
+      var snapped = element.WorldPosCenter;
+      var result = {
+        dx: snapped.x - savedX,
+        dz: snapped.z - savedZ,
+        dRotDeg: element.RotDeg - savedRot
+      };
+      // Restore — the preview must leave the planner state untouched.
+      element.RotDeg = savedRot;
+      element.WorldPosCenter = new index.Vector3(savedX, savedY, savedZ);
+      return result;
+    }
+
     /**
      * This function updates the position information of all elements. It is called after updating the SVG of 1 element.
      * The position is updated based on the posNr.
      * At the end - the collision is calculated
+     * @param changedElementIds elements whose SVG was reloaded this cycle (their docking geometry may
+     * have moved, e.g. an AVC shifted by stretch areas). Elements docked - directly or transitively -
+     * to one of them are re-anchored to the moved partner after the PosNr walk, which on its own only
+     * propagates forward in PosNr order and prefers AVL over AVC anchors.
      */
   }, {
     key: "updateAllElementsWorldPos",
-    value: function updateAllElementsWorldPos(checkCollisionSingleElementId) {
+    value: function updateAllElementsWorldPos(checkCollisionSingleElementId, changedElementIds) {
       if (this.doDisablePlanner2D) return false;
+      var getDockedDPsInPriorityOrder = function getDockedDPsInPriorityOrder(element) {
+        return element.getDockingDockingPointsByType('AVL').concat(element.getDockingDockingPointsByType('AVR')).concat(element.getDockingDockingPointsByType('AVU')).concat(element.getDockingDockingPointsByType('AVO')).concat(element.getDockingDockingPointsByType('AVN')).concat(element.getDockingDockingPointsByType('AVS')).concat(element.getDockingDockingPointsByType('AVC'));
+      };
       var updateConfig = false;
       var sortedPlannerElementsbyPosNr = [];
       var accElems = [];
@@ -292,7 +363,7 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
           var element = sortedPlannerElementsbyPosNr[i];
           alreadyCorrectedId.push(element.ElementId);
           if (i > firstI) {
-            var dockingPoints = element.getDockingDockingPointsByType('AVL').concat(element.getDockingDockingPointsByType('AVR')).concat(element.getDockingDockingPointsByType('AVU')).concat(element.getDockingDockingPointsByType('AVO')).concat(element.getDockingDockingPointsByType('AVN')).concat(element.getDockingDockingPointsByType('AVS')).concat(element.getDockingDockingPointsByType('AVC'));
+            var dockingPoints = getDockedDPsInPriorityOrder(element);
             for (var j = 0; j < dockingPoints.length; j++) {
               //Nur wenn er auf ein element schaut das schon gedockt ist korrigieren
               if (alreadyCorrectedId.indexOf(dockingPoints[j].OnElementId) >= 0) {
@@ -303,6 +374,38 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
           }
         }
       }
+
+      // The walk above anchors each element to its FIRST docked partner in AVL-first priority and
+      // only propagates forward in PosNr order - both hide a geometry change in a reloaded partner
+      // (e.g. an AVC line shifted by stretch areas). Sweep outward from the reloaded elements:
+      // re-anchor every element docked - directly or transitively - to a moved partner, until stable.
+      if (changedElementIds && changedElementIds.length > 0) {
+        var moved = new Set(changedElementIds);
+        var progressed = true;
+        while (progressed) {
+          progressed = false;
+          var _iterator = _createForOfIteratorHelper(sortedPlannerElementsbyPosNr),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var _element = _step.value;
+              if (!_element || moved.has(_element.ElementId)) continue;
+              var dpToMovedPartner = getDockedDPsInPriorityOrder(_element).find(function (dp) {
+                return moved.has(dp.OnElementId);
+              });
+              if (dpToMovedPartner) {
+                updateConfig = this.updateWorldPos(_element, dpToMovedPartner) || updateConfig;
+                moved.add(_element.ElementId);
+                progressed = true;
+              }
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+        }
+      }
       this.checkCollision(false, checkCollisionSingleElementId);
       return updateConfig;
     }
@@ -789,7 +892,7 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
                     elementsToDelete.push(elementsLostDockingRelation[i].ElementId);
                   }
                 }
-                this.updateAllElementsWorldPos();
+                this.updateAllElementsWorldPos(undefined, elemtsWhereSomethingChanged);
                 this.updatePlannerPosNr();
                 this.updatePlannerBoundingBox();
               }
@@ -819,14 +922,13 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
     key: "extendPlanner",
     value: (function () {
       var _extendPlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(setPlanData, globalBoundingBox) {
-        var planDataString, planData, jsonElements, elementsSortedbyPosNr, accElements, oldElementidMapping, i, _jsonElement$Accessoi, jsonElement, catalogArticle, plannerElement, data, curElement, DPsInfo, j, dpInfo, sourceDP, targetElement, targetDP;
+        var planData, jsonElements, elementsSortedbyPosNr, accElements, oldElementidMapping, i, _saveElementArticleCo, _jsonElement$Accessoi, jsonElement, catalogArticle, plannerElement, data, elementsForDockingExtend, row, curElement, DPsInfo, j, dpInfo, sourceDP, targetElement, targetDP;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              planDataString = DivaUtils__default["default"].decodeBase64(setPlanData);
-              planData = JSON.parse(planDataString);
-              if (!(planData.v != null && planData.v == 2)) {
-                _context4.next = 40;
+              planData = parseSetPlanData(setPlanData);
+              if (!isSavePlannerV2(planData)) {
+                _context4.next = 39;
                 break;
               }
               jsonElements = planData.set.elements;
@@ -834,70 +936,70 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
               accElements = [];
               oldElementidMapping = new Map(); //First reset planner element values in jsonElement so that every set is planned to be set to origin
               i = 0;
-            case 8:
+            case 7:
               if (!(i < jsonElements.length)) {
-                _context4.next = 36;
+                _context4.next = 35;
                 break;
               }
-              _context4.prev = 9;
+              _context4.prev = 8;
               jsonElement = jsonElements[i];
-              catalogArticle = this.set.CatalogData.getCatalogArticleByArticleCodex(jsonElement.articleCodex || jsonElement.Codex);
+              catalogArticle = 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)) {
-                _context4.next = 15;
+                _context4.next = 14;
                 break;
               }
               LOG.error(new DivaUtils.DivaError('Error initializing element nr ' + i + ' in the Standard Web Planner. PlanData V2', {
                 code: 'WC_0012'
               }));
-              return _context4.abrupt("continue", 33);
-            case 15:
+              return _context4.abrupt("continue", 32);
+            case 14:
               plannerElement = new index.PlannerElementData(this.set.getSetId(), jsonElement.basketID, this.nextElementId, DivaStandardPlanner.plannerType);
-              oldElementidMapping.set(parseInt(jsonElement.elementID), plannerElement);
+              oldElementidMapping.set(jsonElement.elementID, plannerElement);
               this.nextElementId = plannerElement.getElementId() + 1;
               this.plannerElements.set(plannerElement.ElementId, plannerElement);
               this.set.setElementId(jsonElement.basketID, plannerElement.ElementId);
               data = this.set.getPlannerData(plannerElement.ElementId);
               plannerElement.updatePlannerData(data);
               if (this.doDisablePlanner2D) {
-                _context4.next = 25;
+                _context4.next = 24;
                 break;
               }
-              _context4.next = 25;
+              _context4.next = 24;
               return PlannerHandler2D.handler2D.loadSVG(plannerElement, this.set);
-            case 25:
+            case 24:
               plannerElement.WorldPosCenter = new index.Vector3(globalBoundingBox.WorldPos.x + globalBoundingBox.Size.x + jsonElement.x + 100, globalBoundingBox.WorldPos.y + jsonElement.y, globalBoundingBox.WorldPos.z + jsonElement.z);
               plannerElement.RotDeg = jsonElement.rot;
               if (plannerElement.IsDockedAccessoire) {
                 accElements.push(jsonElement);
                 plannerElement.PosNr = jsonElement.posNr;
-                plannerElement.AccessoirePosNr = jsonElement.accNr;
+                if (jsonElement.accNr != null) plannerElement.AccessoirePosNr = jsonElement.accNr;
               } else {
                 elementsSortedbyPosNr[jsonElement.posNr - 1] = jsonElement;
                 plannerElement.PosNr = jsonElement.posNr;
               }
-              _context4.next = 33;
+              _context4.next = 32;
               break;
-            case 30:
-              _context4.prev = 30;
-              _context4.t0 = _context4["catch"](9);
+            case 29:
+              _context4.prev = 29;
+              _context4.t0 = _context4["catch"](8);
               LOG.error(new DivaUtils.DivaError('Error initializing element nr ' + i + ' in the Standard Web Planner. PlanData V2', {
                 cause: _context4.t0,
                 code: 'WC_0012'
               }));
-            case 33:
+            case 32:
               i++;
-              _context4.next = 8;
+              _context4.next = 7;
               break;
-            case 36:
-              elementsSortedbyPosNr = elementsSortedbyPosNr.concat(accElements);
-              for (i = 0; i < elementsSortedbyPosNr.length; i++) {
-                curElement = oldElementidMapping.get(elementsSortedbyPosNr[i].elementID);
-                if (elementsSortedbyPosNr.length > 1) {
-                  //This is the case when a complex product is loaded
-                  //First element is already positioned correctly not docket
+            case 35:
+              elementsForDockingExtend = [].concat(_toConsumableArray__default["default"](elementsSortedbyPosNr.filter(function (e) {
+                return e != null;
+              })), accElements);
+              for (i = 0; i < elementsForDockingExtend.length; i++) {
+                row = elementsForDockingExtend[i];
+                curElement = oldElementidMapping.get(row.elementID);
+                if (elementsForDockingExtend.length > 1) {
                   if (i > 0) {
-                    //The other elements are docked to the First element.
-                    DPsInfo = elementsSortedbyPosNr[i].DP;
+                    DPsInfo = row.DP;
                     for (j = 0; j < DPsInfo.length; j++) {
                       dpInfo = DPsInfo[j];
                       sourceDP = curElement === null || curElement === void 0 ? void 0 : curElement.getDockingPointById(dpInfo.id);
@@ -910,17 +1012,17 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
                   }
                 }
               }
-              _context4.next = 41;
+              _context4.next = 40;
               break;
-            case 40:
+            case 39:
               LOG.error(new DivaUtils.DivaError('The function extend Planner works only with products that are saved in the configurator 2.0', {
                 code: 'WC_0012'
               }));
-            case 41:
+            case 40:
             case "end":
               return _context4.stop();
           }
-        }, _callee4, this, [[9, 30]]);
+        }, _callee4, this, [[8, 29]]);
       }));
       function extendPlanner(_x7, _x8) {
         return _extendPlanner.apply(this, arguments);
@@ -931,46 +1033,44 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
     key: "initPlanner",
     value: function () {
       var _initPlanner = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(setPlanData) {
-        var planDataString, planData, jsonElements, elementsSortedbyPosNr, accElements, i, _jsonElement$Accessoi2, jsonElement, catalogArticle, elementID, plannerElement, data, onlyOneBaseElement, _jsonElement, hasSavedPos, element, DPsInfo, j, dpInfo, sourceElement, sourceDP, targetElement, targetDP, _jsonElements, _elementsSortedbyPosNr, _accElements, _jsonElement2$Accesso, _jsonElement2, _catalogArticle, basketID, elementId, _plannerElement, _data, centerWorldPos, parentPosNr, accPosNr, _DPsInfo, _dpInfo, _this$plannerElements, targetElementId, dpType, curElement, _targetElement;
+        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;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              planDataString = DivaUtils__default["default"].decodeBase64(setPlanData);
-              planData = JSON.parse(planDataString);
-              if (!(planData.v != null && planData.v == 2)) {
-                _context5.next = 62;
+              planData = parseSetPlanData(setPlanData);
+              if (!isSavePlannerV2(planData)) {
+                _context5.next = 63;
                 break;
               }
               LOG.debug('Initialize set Plan Data - V2\n' + planData, 'DivaStandardPlanner initPlanner');
-              if (!(!planData.set || !planData.set.elements || planData.set.elements.length == 0)) {
-                _context5.next = 6;
+              if ((_planData$set = planData.set) !== null && _planData$set !== void 0 && (_planData$set = _planData$set.elements) !== null && _planData$set !== void 0 && _planData$set.length) {
+                _context5.next = 5;
                 break;
               }
               return _context5.abrupt("return");
-            case 6:
-              //Init new saved Plannings
+            case 5:
               jsonElements = planData.set.elements;
               elementsSortedbyPosNr = [];
               accElements = [];
               i = 0;
-            case 10:
+            case 9:
               if (!(i < jsonElements.length)) {
-                _context5.next = 38;
+                _context5.next = 37;
                 break;
               }
-              _context5.prev = 11;
+              _context5.prev = 10;
               jsonElement = jsonElements[i];
-              catalogArticle = this.set.CatalogData.getCatalogArticleByArticleCodex(jsonElement.articleCodex || jsonElement.Codex);
+              catalogArticle = 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)) {
-                _context5.next = 17;
+                _context5.next = 16;
                 break;
               }
               LOG.error(new DivaUtils.DivaError('Error initializing element nr ' + i + ' in the Standard Web Planner. PlanData V2', {
                 code: 'WC_0012'
               }));
-              return _context5.abrupt("continue", 35);
-            case 17:
-              elementID = parseInt(jsonElement.elementID);
+              return _context5.abrupt("continue", 34);
+            case 16:
+              elementID = jsonElement.elementID;
               plannerElement = new index.PlannerElementData(this.set.getSetId(), jsonElement.basketID, elementID, DivaStandardPlanner.plannerType);
               this.nextElementId = elementID + 1;
               this.plannerElements.set(plannerElement.ElementId, plannerElement);
@@ -978,12 +1078,12 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
               data = this.set.getPlannerData(plannerElement.ElementId);
               plannerElement.updatePlannerData(data);
               if (this.doDisablePlanner2D) {
-                _context5.next = 27;
+                _context5.next = 26;
                 break;
               }
-              _context5.next = 27;
+              _context5.next = 26;
               return PlannerHandler2D.handler2D.loadSVG(plannerElement, this.set);
-            case 27:
+            case 26:
               //Im neuen speichern ist die Position hinten link - nicht mehr im Centrum wie im alten Planer
               //plannerElement.WorldPosCenter = new Vector3(jsonElement.x, jsonElement.y, jsonElement.z);
               plannerElement.WorldPosCenter = new index.Vector3(this.plannerBoundingBox.WorldPos.x + jsonElement.x, this.plannerBoundingBox.WorldPos.y + jsonElement.y, this.plannerBoundingBox.WorldPos.z + jsonElement.z);
@@ -991,141 +1091,151 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
               if (plannerElement.IsDockedAccessoire) {
                 accElements.push(jsonElement);
                 plannerElement.PosNr = jsonElement.posNr;
-                plannerElement.AccessoirePosNr = jsonElement.accNr;
+                if (jsonElement.accNr != null) plannerElement.AccessoirePosNr = jsonElement.accNr;
               } else {
                 elementsSortedbyPosNr[jsonElement.posNr - 1] = jsonElement;
                 plannerElement.PosNr = jsonElement.posNr;
               }
-              _context5.next = 35;
+              _context5.next = 34;
               break;
-            case 32:
-              _context5.prev = 32;
-              _context5.t0 = _context5["catch"](11);
+            case 31:
+              _context5.prev = 31;
+              _context5.t0 = _context5["catch"](10);
               LOG.error(new DivaUtils.DivaError('Error initializing element nr ' + i + ' in the Standard Web Planner. PlanData V2', {
                 cause: _context5.t0,
                 code: 'WC_0012'
               }));
-            case 35:
+            case 34:
               i++;
-              _context5.next = 10;
+              _context5.next = 9;
               break;
-            case 38:
-              onlyOneBaseElement = elementsSortedbyPosNr.length == 1; //Saves if only one base element is in the planning. All the others are only accessoires
-              elementsSortedbyPosNr = elementsSortedbyPosNr.concat(accElements);
+            case 37:
+              onlyOneBaseElement = elementsSortedbyPosNr.filter(Boolean).length == 1; //Saves if only one base element is in the planning. All the others are only accessoires
+              elementsForDocking = [].concat(_toConsumableArray__default["default"](elementsSortedbyPosNr.filter(function (e) {
+                return e != null;
+              })), accElements);
               i = 0;
-            case 41:
-              if (!(i < elementsSortedbyPosNr.length)) {
-                _context5.next = 60;
+            case 40:
+              if (!(i < elementsForDocking.length)) {
+                _context5.next = 61;
                 break;
               }
-              _context5.prev = 42;
+              _context5.prev = 41;
+              row = elementsForDocking[i];
               if (!(i == 0 && onlyOneBaseElement && this.plannerHasStaticBackground)) {
                 _context5.next = 48;
                 break;
               }
               //if the planner has a static background room and there is only one base element (ignore docked ACCs) then it should be forced positioned in the center of the room.
               //Only do this for fresh plannings - if the saved planData already contains a position, keep it.
+              //if the planner has a static background room and there is only one base element (ignore docked ACCs) then it should be forced positioned in the center of the room
               _jsonElement = elementsSortedbyPosNr[i];
-              hasSavedPos = _jsonElement.x != null || _jsonElement.y != null || _jsonElement.z != null;
+              hasSavedPos = (_jsonElement === null || _jsonElement === void 0 ? void 0 : _jsonElement.x) != null || (_jsonElement === null || _jsonElement === void 0 ? void 0 : _jsonElement.y) != null || (_jsonElement === null || _jsonElement === void 0 ? void 0 : _jsonElement.z) != null;
               if (!hasSavedPos) {
-                element = this.plannerElements.get(_jsonElement.elementID);
+                element = this.plannerElements.get(row.elementID);
                 if (element) element.WorldPosCenter = new index.Vector3(0, element.Height / 2, element.Depth / 2);
               }
-              return _context5.abrupt("continue", 57);
+              return _context5.abrupt("continue", 58);
             case 48:
-              if (!(elementsSortedbyPosNr[i].DP == null || elementsSortedbyPosNr[i].DP.length == 0)) {
+              if (!(row.DP == null || row.DP.length == 0)) {
                 _context5.next = 50;
                 break;
               }
-              return _context5.abrupt("continue", 57);
+              return _context5.abrupt("continue", 58);
             case 50:
-              DPsInfo = elementsSortedbyPosNr[i].DP;
+              DPsInfo = row.DP;
               for (j = 0; j < DPsInfo.length; j++) {
                 dpInfo = DPsInfo[j];
-                if (dpInfo.id && dpInfo.id != '' && dpInfo.onID && dpInfo.onID != '' && dpInfo.onDPID && dpInfo.onDPID != '') {
-                  sourceElement = this.plannerElements.get(elementsSortedbyPosNr[i].elementID);
+                if (dpInfo.id && dpInfo.onID != null && dpInfo.onDPID) {
+                  sourceElement = this.plannerElements.get(row.elementID);
                   sourceDP = sourceElement === null || sourceElement === void 0 ? void 0 : sourceElement.getDockingPointById(dpInfo.id);
                   targetElement = this.plannerElements.get(dpInfo.onID);
                   targetDP = targetElement === null || targetElement === void 0 ? void 0 : targetElement.getDockingPointById(dpInfo.onDPID);
                   if (sourceDP && targetDP) {
-                    PlannerHandler2D.dockingPointHandlerInst.tryDockElementDPToDP(sourceElement, targetElement, sourceDP, targetDP);
+                    // Saved plans store each relation on both sides - skip the mirror entry of an already established pair.
+                    alreadyDocked = sourceDP.IsDocking && sourceDP.OnDP == targetDP;
+                    docked = alreadyDocked || PlannerHandler2D.dockingPointHandlerInst.tryDockElementDPToDP(sourceElement, targetElement, sourceDP, targetDP);
+                    if (!docked && !this.doDisablePlanner2D) LOG.error(new DivaUtils.DivaError('Saved docking relation rejected on init: ' + dpInfo.id + ' (elem ' + (sourceElement === null || sourceElement === void 0 ? void 0 : sourceElement.ElementId) + ') -> ' + dpInfo.onDPID + ' (elem ' + (targetElement === null || targetElement === void 0 ? void 0 : targetElement.ElementId) + ')', {
+                      code: 'WC_0012'
+                    }));
                   } else {
                     if (!this.doDisablePlanner2D) LOG.error(new DivaUtils.DivaError('Error initializing docking point between source element with id: ' + (sourceElement === null || sourceElement === void 0 ? void 0 : sourceElement.ElementId) + ' and target Element with id: ' + (targetElement === null || targetElement === void 0 ? void 0 : targetElement.ElementId) + '. SourceDPID: ' + dpInfo.id + '; targetDPID: ' + dpInfo.onDPID));
                   }
                 }
               }
-              _context5.next = 57;
+              _context5.next = 58;
               break;
             case 54:
               _context5.prev = 54;
-              _context5.t1 = _context5["catch"](42);
-              LOG.error(new DivaUtils.DivaError('Error initializing dockingPoints of element with elementID ' + elementsSortedbyPosNr[i].elementID, {
+              _context5.t1 = _context5["catch"](41);
+              elementId = (_elementsForDocking$i = elementsForDocking[i]) === null || _elementsForDocking$i === void 0 ? void 0 : _elementsForDocking$i.elementID;
+              LOG.error(new DivaUtils.DivaError('Error initializing dockingPoints of element with elementID ' + elementId, {
                 cause: _context5.t1,
                 code: 'WC_0012'
               }));
-            case 57:
+            case 58:
               i++;
-              _context5.next = 41;
+              _context5.next = 40;
               break;
-            case 60:
-              _context5.next = 113;
+            case 61:
+              _context5.next = 116;
               break;
-            case 62:
+            case 63:
               LOG.debug('Initialize set Plan Data - old V1\n' + planData, 'DivaStandardPlanner initPlanner');
-              if (!(!planData.Sets || planData.Sets.length == 0 || !planData.Sets[0].Elements || planData.Sets[0].Elements.length == 0)) {
-                _context5.next = 65;
+              legacySet = (_planData$Sets = planData.Sets) === null || _planData$Sets === void 0 ? void 0 : _planData$Sets[0];
+              if (legacySet !== null && legacySet !== void 0 && (_legacySet$Elements = legacySet.Elements) !== null && _legacySet$Elements !== void 0 && _legacySet$Elements.length) {
+                _context5.next = 67;
                 break;
               }
               return _context5.abrupt("return");
-            case 65:
-              //Init old Plannings - saved with the old planner
-              _jsonElements = planData.Sets[0].Elements;
+            case 67:
+              _jsonElements = legacySet.Elements;
               _elementsSortedbyPosNr = [];
               _accElements = []; //Zuerst initialisiere alle Elemente
               //Dann positioniere sie richtig
               i = 0;
-            case 69:
+            case 71:
               if (!(i < _jsonElements.length)) {
-                _context5.next = 103;
+                _context5.next = 105;
                 break;
               }
-              _context5.prev = 70;
+              _context5.prev = 72;
               _jsonElement2 = _jsonElements[i];
-              _catalogArticle = this.set.CatalogData.getCatalogArticleByArticleCodex(_jsonElement2.articleCodex || _jsonElement2.Codex);
+              _catalogArticle = this.set.CatalogData.getCatalogArticleByArticleCodex((_saveElementArticleCo3 = saveElementArticleCodex(_jsonElement2)) !== null && _saveElementArticleCo3 !== void 0 ? _saveElementArticleCo3 : '');
               if (!(!_catalogArticle && (_jsonElement2$Accesso = _jsonElement2.AccessoireInitParams) !== null && _jsonElement2$Accesso !== void 0 && _jsonElement2$Accesso.RelatedToBasketID && !this.set.getSetState.onlyRunLogic)) {
-                _context5.next = 76;
+                _context5.next = 78;
                 break;
               }
-              LOG.error(new DivaUtils.DivaError('Error initializing element nr ' + i + ' in the Standard Web Planner. PlanData V2', {
+              LOG.error(new DivaUtils.DivaError('Error initializing element nr ' + i + ' in the Standard Web Planner. PlanData V1', {
                 code: 'WC_0012'
               }));
-              return _context5.abrupt("continue", 100);
-            case 76:
+              return _context5.abrupt("continue", 102);
+            case 78:
               basketID = _jsonElement2.BasketID;
               if (this.set.getElementId(basketID) == -1) this.set.setElementId(basketID, Number(_jsonElement2.ID));
-              elementId = this.set.getElementId(basketID);
-              _jsonElement2.elementId = elementId;
-              if (!(elementId == -1)) {
-                _context5.next = 83;
+              _elementId = this.set.getElementId(basketID);
+              _jsonElement2.elementId = _elementId;
+              if (!(_elementId == -1)) {
+                _context5.next = 85;
                 break;
               }
               LOG.error(new DivaUtils.DivaError('Error when initializing planner. The elementID Was not saved in the article. ', {
                 code: 'WC_0012'
               }));
-              return _context5.abrupt("continue", 100);
-            case 83:
-              _plannerElement = new index.PlannerElementData(this.set.getSetId(), basketID, elementId, DivaStandardPlanner.plannerType);
-              this.nextElementId = elementId + 1;
+              return _context5.abrupt("continue", 102);
+            case 85:
+              _plannerElement = new index.PlannerElementData(this.set.getSetId(), basketID, _elementId, DivaStandardPlanner.plannerType);
+              this.nextElementId = _elementId + 1;
               this.plannerElements.set(_plannerElement.ElementId, _plannerElement);
               _data = this.set.getPlannerData(_plannerElement.ElementId);
               _plannerElement.updatePlannerData(_data);
               if (this.doDisablePlanner2D) {
-                _context5.next = 91;
+                _context5.next = 93;
                 break;
               }
-              _context5.next = 91;
+              _context5.next = 93;
               return PlannerHandler2D.handler2D.loadSVG(_plannerElement, this.set);
-            case 91:
+            case 93:
               //Achtung die Pos Infos im alten Planer waren Zentrumskoordinaten!!! Nicht hinten oben.
               centerWorldPos = new index.Vector3(_jsonElement2.PosX, _jsonElement2.PosZ, _jsonElement2.PosY);
               _plannerElement.WorldPosCenter = new index.Vector3(this.plannerBoundingBox.WorldPos.x + centerWorldPos.x, this.plannerBoundingBox.WorldPos.y + centerWorldPos.y, this.plannerBoundingBox.WorldPos.z + centerWorldPos.z);
@@ -1135,70 +1245,75 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
                 if (_jsonElement2.PosNum.toString().indexOf('.') > 0) {
                   parentPosNr = _jsonElement2.PosNum.toString().split('.')[0];
                   accPosNr = _jsonElement2.PosNum.toString().split('.')[1];
-                  _plannerElement.PosNr = parentPosNr;
-                  _plannerElement.AccessoirePosNr = accPosNr;
+                  _plannerElement.PosNr = Number(parentPosNr);
+                  _plannerElement.AccessoirePosNr = Number(accPosNr);
                 }
               } else {
                 _elementsSortedbyPosNr[_jsonElement2.PosNum - 1] = _jsonElement2;
                 _plannerElement.PosNr = _jsonElement2.PosNum;
               }
-              _context5.next = 100;
+              _context5.next = 102;
               break;
-            case 97:
-              _context5.prev = 97;
-              _context5.t2 = _context5["catch"](70);
+            case 99:
+              _context5.prev = 99;
+              _context5.t2 = _context5["catch"](72);
               LOG.error(new DivaUtils.DivaError('Error initializing element nr ' + i + ' in the Standard Web Planner - Plan Data old Planner', {
                 cause: _context5.t2,
                 code: 'WC_0012'
               }));
-            case 100:
+            case 102:
               i++;
-              _context5.next = 69;
+              _context5.next = 71;
               break;
-            case 103:
-              _elementsSortedbyPosNr = _elementsSortedbyPosNr.concat(_accElements);
-              //Dann werden die DockingPoints durchgegangen und die jeweils richtigen müssen gesucht werden.
-              i = 0;
             case 105:
-              if (!(i < _elementsSortedbyPosNr.length)) {
-                _context5.next = 113;
+              elementsForDockingV1 = [].concat(_toConsumableArray__default["default"](_elementsSortedbyPosNr.filter(function (e) {
+                return e != null;
+              })), _accElements);
+              i = 0;
+            case 107:
+              if (!(i < elementsForDockingV1.length)) {
+                _context5.next = 116;
                 break;
               }
-              if (!(_elementsSortedbyPosNr[i].DP == null || _elementsSortedbyPosNr[i].DP.length == 0)) {
-                _context5.next = 108;
+              _row = elementsForDockingV1[i];
+              if (!(_row.DP == null || _row.DP.length == 0)) {
+                _context5.next = 111;
                 break;
               }
-              return _context5.abrupt("continue", 110);
-            case 108:
-              _DPsInfo = _elementsSortedbyPosNr[i].DP;
+              return _context5.abrupt("continue", 113);
+            case 111:
+              _DPsInfo = _row.DP;
               for (j = 0; j < _DPsInfo.length; j++) {
                 _dpInfo = _DPsInfo[j];
                 if (_dpInfo.DP && _dpInfo.DP != '' && _dpInfo.onID && _dpInfo.onID != '') {
-                  targetElementId = parseInt(_dpInfo.onID);
+                  targetElementId = parseInt(String(_dpInfo.onID));
                   dpType = _dpInfo.DP;
-                  curElement = this.plannerElements.get(_elementsSortedbyPosNr[i].elementId);
+                  curElement = _row.elementId != null ? this.plannerElements.get(_row.elementId) : undefined;
                   _targetElement = (_this$plannerElements = this.plannerElements.get(targetElementId)) !== null && _this$plannerElements !== void 0 ? _this$plannerElements : this.getPlannerElementByIndex(targetElementId - 1);
                   if (curElement && _targetElement) {
                     PlannerHandler2D.dockingPointHandlerInst.initDockingPointRelationByArea(curElement, _targetElement, dpType);
                   } else {
-                    LOG.error(new DivaUtils.DivaError('Error initializing dockingPoints of element with elementID ' + _elementsSortedbyPosNr[i].elementId, {
+                    LOG.error(new DivaUtils.DivaError('Error initializing dockingPoints of element with elementID ' + _row.elementId, {
                       code: 'WC_0012'
                     }));
                   }
                 }
               }
-            case 110:
+            case 113:
               i++;
-              _context5.next = 105;
+              _context5.next = 107;
               break;
-            case 113:
-              this.updateAllElementsWorldPos();
+            case 116:
+              this.plannerElements.forEach(function (el) {
+                if (!el.IsDockedAccessoire && (anchorElement == undefined || el.PosNr < anchorElement.PosNr)) anchorElement = el;
+              });
+              this.updateAllElementsWorldPos(undefined, anchorElement ? [anchorElement.ElementId] : undefined);
               this.updatePlannerPosNr();
-            case 115:
+            case 119:
             case "end":
               return _context5.stop();
           }
-        }, _callee5, this, [[11, 32], [42, 54], [70, 97]]);
+        }, _callee5, this, [[10, 31], [41, 54], [72, 99]]);
       }));
       function initPlanner(_x9) {
         return _initPlanner.apply(this, arguments);
@@ -1307,27 +1422,61 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
     key: "copyPlannerElement",
     value: (function () {
       var _copyPlannerElement = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7(articleCopyRelation, copyInfo) {
-        var articlesToLoad, i;
+        var i, _copyInfo$copyIndex, rel, dirX, sourceElement, targetDP;
         return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              articlesToLoad = [];
-              articleCopyRelation.forEach(function (rel) {
-                if (copyInfo == undefined) articlesToLoad.push(rel.value);
-              });
               i = 0;
-            case 3:
-              if (!(i < articlesToLoad.length)) {
-                _context7.next = 9;
+            case 1:
+              if (!(i < articleCopyRelation.length)) {
+                _context7.next = 24;
+                break;
+              }
+              rel = articleCopyRelation[i];
+              if (!(copyInfo == undefined)) {
+                _context7.next = 7;
                 break;
               }
               _context7.next = 6;
-              return this.addPlannerElement(articlesToLoad[i], {});
+              return this.addPlannerElement(rel.value, {});
             case 6:
+              return _context7.abrupt("continue", 21);
+            case 7:
+              //Directional copy (copyIndex.x = -1 left / 1 right): dock the copy at the source element's free AVL/AVR
+              dirX = (_copyInfo$copyIndex = copyInfo.copyIndex) === null || _copyInfo$copyIndex === void 0 ? void 0 : _copyInfo$copyIndex.x;
+              if (!(dirX != -1 && dirX != 1)) {
+                _context7.next = 12;
+                break;
+              }
+              _context7.next = 11;
+              return this.addPlannerElement(rel.value, {});
+            case 11:
+              return _context7.abrupt("continue", 21);
+            case 12:
+              sourceElement = this.plannerElements.get(rel.key);
+              targetDP = sourceElement === null || sourceElement === void 0 ? void 0 : sourceElement.getFreeDockingPointsByType(dirX == -1 ? 'AVL' : 'AVR').find(function (dp) {
+                return !dp.IsDisabled;
+              });
+              if (!(sourceElement && targetDP)) {
+                _context7.next = 19;
+                break;
+              }
+              _context7.next = 17;
+              return this.addPlannerElement(rel.value, {
+                targetElemIdToDock: sourceElement.ElementId,
+                targetDockingPointId: targetDP.DpId
+              });
+            case 17:
+              _context7.next = 21;
+              break;
+            case 19:
+              _context7.next = 21;
+              return this.addPlannerElement(rel.value, {});
+            case 21:
               i++;
-              _context7.next = 3;
+              _context7.next = 1;
               break;
-            case 9:
+            case 24:
             case "end":
               return _context7.stop();
           }
@@ -1352,7 +1501,8 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
   }, {
     key: "getPlannerElementsInfluencedByCopy",
     value: function getPlannerElementsInfluencedByCopy(elementId, copyInfo) {
-      if (!copyInfo || copyInfo.copyType != 'BoxPlanner_backside') throw new Error('copyType needs to be BoxPlanner_backside here');
+      //STD = directional AVL/AVR copy of a single element; only the element itself is influenced
+      if (!copyInfo || copyInfo.copyType != 'BoxPlanner_backside' && copyInfo.copyType != 'STD') throw new Error('copyType needs to be BoxPlanner_backside or STD here');
       if (this.plannerElements.has(elementId)) return [elementId];
       return [];
     }
@@ -1554,12 +1704,12 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
      */
   }, {
     key: "updatePlannerTrans",
-    value: function updatePlannerTrans(elementId, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
+    value: function updatePlannerTrans(elementId, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance, turningPoint) {
       var _this3 = this;
       var updateConfig = false;
       if (this.plannerElements.has(elementId)) {
         var plannerElement = this.plannerElements.get(elementId);
-        plannerElement === null || plannerElement === void 0 || plannerElement.updateDeltaTrans(deltaMove, deltaAngleDeg, rotCorrection, transState == 'END');
+        plannerElement === null || plannerElement === void 0 || plannerElement.updateDeltaTrans(deltaMove, deltaAngleDeg, rotCorrection, transState == 'END', turningPoint);
         if (transState == 'START') {
           if (plannerElement) {
             var dpsToUndock = ['AVR', 'AVL'];