@crystaldesign/web-planner-logic 26.12.0-beta.27 → 26.12.0-beta.28

package/build/cjs/{index-cca37a97.js → index-298b0760.js}

@@ -10,6 +10,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var axios$1 = require('axios');
 var DivaUtils = require('@crystaldesign/diva-utils');
+var planner2dCore = require('@crystaldesign/planner-2d-core');
 var basketModel = require('@crystaldesign/basket-model');
 var _typeof = require('@babel/runtime/helpers/typeof');
 var fastXmlParser = require('fast-xml-parser');
@@ -19,7 +20,6 @@ var _inherits = require('@babel/runtime/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime/helpers/wrapNativeSuper');
 var BasketHandler = require('@crystaldesign/basket-handler');
 var io = require('socket.io-client');
-require('@crystaldesign/planner-2d-core');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -165,7 +165,7 @@ function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t
 
 // Import types from AI service
 
-var LOG$q = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$r = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 
 /**
  * Deadline for the optional catalog XML preload. Axios has no default timeout, and planner start-up
@@ -231,7 +231,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
     if (plannerConfig.settings) {
       this.initalizeWebConfigData(plannerConfig);
     } else {
-      LOG$q.error(new DivaUtils.DivaError('Fehler beim laden der WebConfig', {
+      LOG$r.error(new DivaUtils.DivaError('Fehler beim laden der WebConfig', {
         code: 'WC_0001'
       }));
       throw Error('Initalize failed!');
@@ -292,7 +292,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 0:
               skip = _args.length > 2 && _args[2] !== undefined ? _args[2] : 0;
               dontLogError = _args.length > 3 ? _args[3] : undefined;
-              LOG$q.debug('DivaApiHandler.fetchData ' + url, 'DivaApiHandler, fetchData');
+              LOG$r.debug('DivaApiHandler.fetchData ' + url, 'DivaApiHandler, fetchData');
               if (init) {
                 _context.next = 5;
                 break;
@@ -333,7 +333,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
                 netBytes = typeof data === 'string' ? data.length : Number((_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers['content-length']) || undefined;
               }
               if (data !== null && data !== void 0 && data.Error) {
-                if (dontLogError) LOG$q.warn(data.Error + ' ' + url);else LOG$q.error(new DivaUtils.DivaError(data.Error, {
+                if (dontLogError) LOG$r.warn(data.Error + ' ' + url);else LOG$r.error(new DivaUtils.DivaError(data.Error, {
                   code: 'WC_0001',
                   custom: {
                     url: url
@@ -455,7 +455,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              LOG$q.debug('getDataWithoutCache: ', {
+              LOG$r.debug('getDataWithoutCache: ', {
                 queryString: queryString,
                 init: init,
                 useWebServiceApi: useWebServiceApi
@@ -533,7 +533,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
         return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              LOG$q.debug('getDataCache: ', {
+              LOG$r.debug('getDataCache: ', {
                 queryString: queryString,
                 cacheMD5: cacheMD5,
                 accountSessionGuid: accountSessionGuid,
@@ -554,14 +554,14 @@ var DivaApiHandler = /*#__PURE__*/function () {
                 _context3.next = 9;
                 break;
               }
-              LOG$q.debug('getDataFromInternalCache: ' + queryString);
+              LOG$r.debug('getDataFromInternalCache: ' + queryString);
               return _context3.abrupt("return", cacheHit);
             case 9:
               if (!(cacheMD5 && this.jsonDataCache.get(cacheMD5) && !((_this$divaWebConfigDa2 = this.divaWebConfigData) !== null && _this$divaWebConfigDa2 !== void 0 && _this$divaWebConfigDa2.addOrganizationIdToCacheKey))) {
                 _context3.next = 12;
                 break;
               }
-              LOG$q.debug('getDataFromInternalCache: ' + queryString);
+              LOG$r.debug('getDataFromInternalCache: ' + queryString);
               return _context3.abrupt("return", this.jsonDataCache.get(cacheMD5));
             case 12:
               if (!addSession) {
@@ -611,7 +611,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
               // SHOULD have been authenticated against an account, the planner ends up using a
               // visitor sessionGuid (cached per organization in DataStore). Surface it so we
               // can spot regressions instead of silently sending the wrong GUID.
-              LOG$q.warn('[SESSION-GUID][API] visitor fallback used for api2 call (no accountSessionGuid passed)', {
+              LOG$r.warn('[SESSION-GUID][API] visitor fallback used for api2 call (no accountSessionGuid passed)', {
                 callTag: "api#".concat(this.instanceId, "/call#").concat(this.apiCallCount),
                 queryString: queryString,
                 organizationId: this.OrganizationId
@@ -633,7 +633,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
                 this.jsonDataCache.set(myQS, result);
                 if (cacheMD5 && !((_this$divaWebConfigDa3 = this.divaWebConfigData) !== null && _this$divaWebConfigDa3 !== void 0 && _this$divaWebConfigDa3.addOrganizationIdToCacheKey)) this.jsonDataCache.set(cacheMD5, result);
               }
-              LOG$q.debug('getDataFromApi: ' + queryString);
+              LOG$r.debug('getDataFromApi: ' + queryString);
               return _context3.abrupt("return", result);
             case 41:
             case "end":
@@ -669,7 +669,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 5:
               _context4.prev = 5;
               _context4.t0 = _context4["catch"](1);
-              LOG$q.error(new DivaUtils.DivaError('could not create product in Configurator', {
+              LOG$r.error(new DivaUtils.DivaError('could not create product in Configurator', {
                 cause: _context4.t0
               }));
               return _context4.abrupt("return", false);
@@ -1654,7 +1654,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
               status = _context12.t0 === null || _context12.t0 === void 0 || (_e$response3 = _context12.t0.response) === null || _e$response3 === void 0 ? void 0 : _e$response3.status;
               body = _context12.t0 === null || _context12.t0 === void 0 || (_e$response4 = _context12.t0.response) === null || _e$response4 === void 0 ? void 0 : _e$response4.data;
               apiMessage = typeof (body === null || body === void 0 ? void 0 : body.error) === 'string' ? body.error : _context12.t0 === null || _context12.t0 === void 0 ? void 0 : _context12.t0.message;
-              LOG$q.error(new Error("Failed to create lead key for email ".concat(email, ": ").concat(apiMessage)));
+              LOG$r.error(new Error("Failed to create lead key for email ".concat(email, ": ").concat(apiMessage)));
               throw new DivaUtils.DivaError(apiMessage || 'Failed to create lead key', {
                 code: 'LEAD_KEY_REQUEST_FAILED',
                 custom: {
@@ -1750,7 +1750,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 9:
               _context14.prev = 9;
               _context14.t0 = _context14["catch"](4);
-              LOG$q.error(new DivaUtils.DivaError('Error Connecting to Support-Service-LivePlanner', {
+              LOG$r.error(new DivaUtils.DivaError('Error Connecting to Support-Service-LivePlanner', {
                 cause: _context14.t0
               }));
             case 12:
@@ -1797,7 +1797,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 10:
               _context15.prev = 10;
               _context15.t0 = _context15["catch"](3);
-              LOG$q.error({
+              LOG$r.error({
                 message: 'Could not fetch dimension',
                 name: 'get dimension error'
               });
@@ -1855,7 +1855,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 9:
               _context16.prev = 9;
               _context16.t0 = _context16["catch"](3);
-              LOG$q.error({
+              LOG$r.error({
                 message: 'Could not fetch catalogXml',
                 name: 'get catalogXml error'
               });
@@ -1934,7 +1934,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 14:
               _context17.prev = 14;
               _context17.t0 = _context17["catch"](6);
-              LOG$q.error(new DivaUtils.DivaError('Error Connecting to Report Service', {
+              LOG$r.error(new DivaUtils.DivaError('Error Connecting to Report Service', {
                 cause: _context17.t0
               }));
             case 17:
@@ -2457,6 +2457,22 @@ var CatalogPlannerArticleData = /*#__PURE__*/function () {
       }
       return false;
     }
+
+    /**
+     * Overwrites the docking point counts of the top svg. For IDM articles whose detail info delivered no
+     * counts, so their svg was counted instead - without counts an article is not dockable (see isDockable).
+     */
+  }, {
+    key: "applyDockingPointCounts",
+    value: function applyDockingPointCounts(counts) {
+      this.catPlanArt.topAVC = counts.avc;
+      this.catPlanArt.topAVN = counts.avn;
+      this.catPlanArt.topAVO = counts.avo;
+      this.catPlanArt.topAVS = counts.avs;
+      this.catPlanArt.topAVU = counts.avu;
+      this.catPlanArt.topHasAVL = counts.avl > 0;
+      this.catPlanArt.topHasAVR = counts.avr > 0;
+    }
   }, {
     key: "filterType",
     get: function get() {
@@ -2468,7 +2484,7 @@ var CatalogPlannerArticleData = /*#__PURE__*/function () {
   }]);
 }();
 
-var LOG$p = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$q = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var OptionCatalogData = /*#__PURE__*/function () {
   function OptionCatalogData(opt, catalogData) {
     var _this$opt$property;
@@ -2899,7 +2915,7 @@ var setOptionsProperties = function setOptionsProperties(catalogData, opt, prope
       case 'IsArtName':
         break;
       default:
-        LOG$p.debug('implement mapping for these props for options: ' + prop.Codex);
+        LOG$q.debug('implement mapping for these props for options: ' + prop.Codex);
         break;
     }
   }
@@ -16694,7 +16710,7 @@ var ralClassics = [{
   rgb: '#7E8182'
 }];
 
-var LOG$o = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$p = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var OptionValueCatalogData = /*#__PURE__*/function () {
   function OptionValueCatalogData(opv, catalogData) {
     var _this = this,
@@ -17186,7 +17202,7 @@ var setOptionValueProperties = function setOptionValueProperties(catalogData, op
         break;
       default:
         if (key.includes('__')) break;
-        LOG$o.debug('implement mapping for these props for optionValue: ' + prop.Codex);
+        LOG$p.debug('implement mapping for these props for optionValue: ' + prop.Codex);
         var values_locales = [];
         if (prop.Value_locales) {
           var _prop$Value_locales;
@@ -17212,9 +17228,9 @@ var setOptionValueProperties = function setOptionValueProperties(catalogData, op
   return metaDatas;
 };
 
-function _createForOfIteratorHelper$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(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$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(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$l(r, a) : void 0; } }
-function _arrayLikeToArray$l(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; }
+function _createForOfIteratorHelper$m(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$m(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$m(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$m(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$m(r, a) : void 0; } }
+function _arrayLikeToArray$m(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; }
 //kaufmännischer Artikel
 var CatalogArticleData = /*#__PURE__*/function () {
   function CatalogArticleData(catalogArticle, catalogData) {
@@ -18000,7 +18016,7 @@ var CatalogArticleData = /*#__PURE__*/function () {
     value: function getOptionValueFromOption(opt, opv) {
       if (this._catalogArticle.articleOptions[opt] && this._catalogArticle.articleOptions[opt].hasOPG) {
         var myOPGs = this._catalogArticle.articleOptions[opt].articleOptionValues;
-        var _iterator = _createForOfIteratorHelper$l(myOPGs),
+        var _iterator = _createForOfIteratorHelper$m(myOPGs),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -18067,7 +18083,7 @@ var CatalogArticleData = /*#__PURE__*/function () {
   }]);
 }();
 
-var LOG$n = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$o = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 function initDivaCatalogData(json, orderSet, api) {
   var _json$MainCategory;
   var catalogData = {
@@ -18126,7 +18142,7 @@ function initDivaArticles(articleJson, plannerElementsJson, catalogData) {
     }
   } else {
     DivaUtils__default["default"].endSpanOfApm('Catalog initialize');
-    LOG$n.error(new DivaUtils.DivaError('Catalog ' + catalogData.catalogName + ' not listed', {
+    LOG$o.error(new DivaUtils.DivaError('Catalog ' + catalogData.catalogName + ' not listed', {
       code: 'WC_0002'
     }));
     throw new Error('Articles of Catalog: ' + catalogData.catalogCodex + ' are empty');
@@ -19149,9 +19165,9 @@ var ArticleOptionValueData = /*#__PURE__*/function () {
   }]);
 }();
 
-function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(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$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(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$k(r, a) : void 0; } }
-function _arrayLikeToArray$k(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; }
+function _createForOfIteratorHelper$l(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$l(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$l(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$l(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$l(r, a) : void 0; } }
+function _arrayLikeToArray$l(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 ArticleOptionData = /*#__PURE__*/function () {
   function ArticleOptionData(opt, catalogData) {
     var _this$opt$property;
@@ -19251,7 +19267,7 @@ var ArticleOptionData = /*#__PURE__*/function () {
   }, {
     key: "getOpvByOcd",
     value: function getOpvByOcd(codex) {
-      var _iterator = _createForOfIteratorHelper$k(this.opt.articleOptionValues),
+      var _iterator = _createForOfIteratorHelper$l(this.opt.articleOptionValues),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19592,7 +19608,7 @@ var ArticleOptionData = /*#__PURE__*/function () {
   }]);
 }();
 
-var LOG$m = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$n = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 function addSupplierColors(set, catalogArticleData, allOPVsOfOPT, supplierColors, catalog, newOPT, rule) {
   var lang = catalog.api.getLanguage();
   // the palette group shows "<GroupName> (<OPG name>)", so both carry the same translated label
@@ -19799,12 +19815,12 @@ function loadArticleOptions(json, catalogArticleData, set) {
                 var myOPV = new ArticleOptionValueData(getArticleOptionValueType(set, tmpOPV.Codex, tmpOPV, catOPV, catalogArticleData, true, newOPG, multiselectOptions), set.CatalogData);
                 allOPVsOfOPG.set(tmpOPV.Codex, myOPV);
               } else {
-                LOG$m.error(new Error('OPV not found: ' + tmpOPV.Codex));
+                LOG$n.error(new Error('OPV not found: ' + tmpOPV.Codex));
               }
             }
             newOPG.initOPVsInOPG(allOPVsOfOPG);
           } else {
-            LOG$m.error(new Error('OPG not found: ' + tmpOPG.Codex));
+            LOG$n.error(new Error('OPG not found: ' + tmpOPG.Codex));
           }
         }
         if ((_myOPT$OPV = myOPT.OPV) !== null && _myOPT$OPV !== void 0 && _myOPT$OPV.length) {
@@ -19820,11 +19836,11 @@ function loadArticleOptions(json, catalogArticleData, set) {
                 var _myOPV = new ArticleOptionValueData(getArticleOptionValueType(set, _tmpOPG.Codex, _tmpOPG, _catOPV, catalogArticleData, true, _newOPG, multiselectOptions), set.CatalogData);
                 _allOPVsOfOPG.set(_tmpOPG.Codex, _myOPV);
               } else {
-                LOG$m.error(new Error('OPV not found: ' + _tmpOPG.Codex));
+                LOG$n.error(new Error('OPV not found: ' + _tmpOPG.Codex));
               }
               _newOPG.initOPVsInOPG(_allOPVsOfOPG);
             } else {
-              LOG$m.error(new Error('OPG not found: ' + _tmpOPG.Codex));
+              LOG$n.error(new Error('OPG not found: ' + _tmpOPG.Codex));
             }
           }
         }
@@ -19836,7 +19852,7 @@ function loadArticleOptions(json, catalogArticleData, set) {
             var _myOPV2 = new ArticleOptionValueData(getArticleOptionValueType(set, _tmpOPV.Codex, _tmpOPV, _catOPV2, catalogArticleData, true, newOPT, multiselectOptions), set.CatalogData);
             allOPVsOfOPT.set(_tmpOPV.Codex, _myOPV2);
           } else {
-            LOG$m.error(new Error('OPV not found: ' + _tmpOPV.Codex));
+            LOG$n.error(new Error('OPV not found: ' + _tmpOPV.Codex));
           }
         }
       }
@@ -19924,12 +19940,12 @@ function initDecisions(catalog, catalogArticleData, decisionRefs) {
                 articleCodex: catalogArticle.articleCodex
               };
               if (myDecision.Type == '0') {
-                LOG$m.error(new DivaUtils.DivaError(text, {
+                LOG$n.error(new DivaUtils.DivaError(text, {
                   code: 'WC_0011',
                   custom: stack
                 }));
               } else {
-                LOG$m.warn(text, undefined, stack);
+                LOG$n.warn(text, undefined, stack);
               }
               myDecision.Options.splice(m, 1);
               m--;
@@ -20085,6 +20101,313 @@ function getArticleOptionValueType(set, codex, jsonOPV, catalogOPV, myArticle, i
   return opv;
 }
 
+function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(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$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(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$k(r, a) : void 0; } }
+function _arrayLikeToArray$k(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$m = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
+var COUNT_KEY_BY_DOCKING_TYPE = {
+  AVC: 'avc',
+  AVN: 'avn',
+  AVO: 'avo',
+  AVR: 'avr',
+  AVS: 'avs',
+  AVU: 'avu',
+  AVL: 'avl'
+};
+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;
+    }
+
+    /**
+     * Counts the docking points of an svg per connector type - the numbers an IDM detail info carries
+     * when the media service analyzed the upload. Throws like getDPsInSVG on an AV element that is no line.
+     * @param content The svg
+     * @returns How many AV lines of each type the svg draws
+     */
+  }, {
+    key: "countDockingPoints",
+    value: function countDockingPoints(content) {
+      var counts = {
+        avc: 0,
+        avn: 0,
+        avo: 0,
+        avr: 0,
+        avs: 0,
+        avu: 0,
+        avl: 0
+      };
+      var _iterator = _createForOfIteratorHelper$k(this.getDPsInSVG(content)),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var dockingType = _step.value.dockingType;
+          // getDPsInSVG takes every id starting with 'AV', so an id like 'AVATAR' yields a type without a count
+          var key = COUNT_KEY_BY_DOCKING_TYPE[dockingType];
+          if (key) counts[key]++;
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return counts;
+    }
+
+    /**
+     * 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 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 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 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 _iterator2 = _createForOfIteratorHelper$k(result.warnings),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var warning = _step2.value;
+          LOG$m.warn('[SVGUtils] ccCheckStretchAreas: ' + warning + (svgSourceUrl ? ' (svg: ' + svgSourceUrl + ')' : ''));
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      callback(result.svg);
+      return result.sizes;
+    }
+  }]);
+}();
+
 function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(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; } } }; }
@@ -20154,6 +20477,9 @@ function _loadMoreFromIDMArticles() {
           })), undefined, undefined, 'enricher');
         case 3:
           items = _context8.sent;
+          _context8.next = 6;
+          return fillMissingDockingPointCounts(items, set, catalogData);
+        case 6:
           _loop3 = /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _loop3() {
             var catalogArticleData, item;
             return _regeneratorRuntime__default["default"].wrap(function _loop3$(_context4) {
@@ -20180,17 +20506,17 @@ function _loadMoreFromIDMArticles() {
             }, _loop3);
           });
           i = 0;
-        case 6:
+        case 8:
           if (!(i < catalogArticleDatas.length)) {
-            _context8.next = 11;
+            _context8.next = 13;
             break;
           }
-          return _context8.delegateYield(_loop3(), "t0", 8);
-        case 8:
+          return _context8.delegateYield(_loop3(), "t0", 10);
+        case 10:
           i++;
-          _context8.next = 6;
+          _context8.next = 8;
           break;
-        case 11:
+        case 13:
           toLoadDecisionIds = getToLoadDecisionIds(catalogArticleDatas, catalogData);
           toLoadPFGroups = getPriceFeatureGroups(catalogArticleDatas, catalogData);
           toLoadFeatureClassRefNo = _toConsumableArray__default["default"](new Set(catalogArticleDatas.filter(function (a) {
@@ -20199,9 +20525,9 @@ function _loadMoreFromIDMArticles() {
             return a.featureClassRefNo;
           })));
           promises = [set.api.getDataCache(set.api.getIDMFeatureClass(catalogData.accountGuid, toLoadFeatureClassRefNo), undefined, undefined, 'enricher'), toLoadPFGroups.length ? set.api.getDataCache(set.api.getIDMPriceFeatureGroups(catalogData.accountGuid, toLoadPFGroups), undefined, undefined, 'enricher') : undefined, toLoadDecisionIds.length ? fetchDecisions(set, catalogData, toLoadDecisionIds) : undefined];
-          _context8.next = 17;
+          _context8.next = 19;
           return Promise.all(promises);
-        case 17:
+        case 19:
           _yield$Promise$all = _context8.sent;
           _yield$Promise$all2 = _slicedToArray__default["default"](_yield$Promise$all, 3);
           featureClasses = _yield$Promise$all2[0];
@@ -20213,7 +20539,7 @@ function _loadMoreFromIDMArticles() {
             }
           }
           if (!(toLoadDecisionIds.length !== 0 && toLoadDecisionIds.length != (decisions === null || decisions === void 0 ? void 0 : decisions.length))) {
-            _context8.next = 27;
+            _context8.next = 29;
             break;
           }
           loadedIds = new Set((_decisions$map = decisions === null || decisions === void 0 ? void 0 : decisions.map(function (d) {
@@ -20223,17 +20549,17 @@ function _loadMoreFromIDMArticles() {
             return !loadedIds.has(id);
           });
           throw new Error("loading decisions failed \u2013 missing: [".concat(missingIds.join(', '), "]"));
-        case 27:
-          _context8.next = 29;
-          return loadDecisionsReferencedByActions(set, catalogData);
         case 29:
+          _context8.next = 31;
+          return loadDecisionsReferencedByActions(set, catalogData);
+        case 31:
           if (priceFeatureGroups) {
             for (_i6 = 0; _i6 < priceFeatureGroups.length; _i6++) {
               catalogData.loadedPriceFeaturegroups.push(initializePriceFeatureGroups(priceFeatureGroups[_i6], catalogData.idmOptionGroups));
             }
           }
           _iterator6 = _createForOfIteratorHelper$j(toLoadPFGroups);
-          _context8.prev = 31;
+          _context8.prev = 33;
           _loop7 = /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _loop7() {
             var prfgNo, askedBy;
             return _regeneratorRuntime__default["default"].wrap(function _loop7$(_context5) {
@@ -20262,33 +20588,33 @@ function _loadMoreFromIDMArticles() {
             }, _loop7);
           });
           _iterator6.s();
-        case 34:
+        case 36:
           if ((_step6 = _iterator6.n()).done) {
-            _context8.next = 40;
+            _context8.next = 42;
             break;
           }
-          return _context8.delegateYield(_loop7(), "t1", 36);
-        case 36:
+          return _context8.delegateYield(_loop7(), "t1", 38);
+        case 38:
           if (!_context8.t1) {
-            _context8.next = 38;
+            _context8.next = 40;
             break;
           }
-          return _context8.abrupt("continue", 38);
-        case 38:
-          _context8.next = 34;
-          break;
+          return _context8.abrupt("continue", 40);
         case 40:
-          _context8.next = 45;
+          _context8.next = 36;
           break;
         case 42:
-          _context8.prev = 42;
-          _context8.t2 = _context8["catch"](31);
+          _context8.next = 47;
+          break;
+        case 44:
+          _context8.prev = 44;
+          _context8.t2 = _context8["catch"](33);
           _iterator6.e(_context8.t2);
-        case 45:
-          _context8.prev = 45;
+        case 47:
+          _context8.prev = 47;
           _iterator6.f();
-          return _context8.finish(45);
-        case 48:
+          return _context8.finish(47);
+        case 50:
           for (_i7 = 0; _i7 < catalogArticleDatas.length; _i7++) {
             catalogArticleData = catalogArticleDatas[_i7];
             catalogArticleData.articleIDMDecisions = sortDecisions(catalogData.getDecisionsByNo(_toConsumableArray__default["default"](new Set([].concat(_toConsumableArray__default["default"](catalogData.globalDecisions.map(function (g) {
@@ -20300,12 +20626,12 @@ function _loadMoreFromIDMArticles() {
           });
           toLoadFeatures = getFeatures(catalogData, featureClasses);
           if (!toLoadFeatures.length) {
-            _context8.next = 62;
+            _context8.next = 64;
             break;
           }
-          _context8.next = 54;
+          _context8.next = 56;
           return set.api.getDataCache(set.api.getIDMFeatures(catalogData.accountGuid, toLoadFeatures), undefined, undefined, 'enricher');
-        case 54:
+        case 56:
           features = _context8.sent;
           _loop4 = /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _loop4() {
             var feature, insertIndex, k, _loop5, j;
@@ -20387,19 +20713,19 @@ function _loadMoreFromIDMArticles() {
             }, _loop4);
           });
           _i8 = 0;
-        case 57:
+        case 59:
           if (!(_i8 < features.length)) {
-            _context8.next = 62;
+            _context8.next = 64;
             break;
           }
-          return _context8.delegateYield(_loop4(), "t3", 59);
-        case 59:
+          return _context8.delegateYield(_loop4(), "t3", 61);
+        case 61:
           _i8++;
-          _context8.next = 57;
+          _context8.next = 59;
           break;
-        case 62:
+        case 64:
           _iterator7 = _createForOfIteratorHelper$j(toLoadFeatures);
-          _context8.prev = 63;
+          _context8.prev = 65;
           _loop8 = /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _loop8() {
             var featureNo, askedBy;
             return _regeneratorRuntime__default["default"].wrap(function _loop8$(_context6) {
@@ -20429,33 +20755,33 @@ function _loadMoreFromIDMArticles() {
             }, _loop8);
           });
           _iterator7.s();
-        case 66:
+        case 68:
           if ((_step7 = _iterator7.n()).done) {
-            _context8.next = 72;
+            _context8.next = 74;
             break;
           }
-          return _context8.delegateYield(_loop8(), "t4", 68);
-        case 68:
+          return _context8.delegateYield(_loop8(), "t4", 70);
+        case 70:
           if (!_context8.t4) {
-            _context8.next = 70;
+            _context8.next = 72;
             break;
           }
-          return _context8.abrupt("continue", 70);
-        case 70:
-          _context8.next = 66;
-          break;
+          return _context8.abrupt("continue", 72);
         case 72:
-          _context8.next = 77;
+          _context8.next = 68;
           break;
         case 74:
-          _context8.prev = 74;
-          _context8.t5 = _context8["catch"](63);
+          _context8.next = 79;
+          break;
+        case 76:
+          _context8.prev = 76;
+          _context8.t5 = _context8["catch"](65);
           _iterator7.e(_context8.t5);
-        case 77:
-          _context8.prev = 77;
+        case 79:
+          _context8.prev = 79;
           _iterator7.f();
-          return _context8.finish(77);
-        case 80:
+          return _context8.finish(79);
+        case 82:
           _loop6 = /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _loop6() {
             var catalogArticleData, featureClass, features, j;
             return _regeneratorRuntime__default["default"].wrap(function _loop6$(_context7) {
@@ -20482,25 +20808,25 @@ function _loadMoreFromIDMArticles() {
             }, _loop6);
           });
           _i9 = 0;
-        case 82:
+        case 84:
           if (!(_i9 < catalogArticleDatas.length)) {
-            _context8.next = 87;
+            _context8.next = 89;
             break;
           }
-          return _context8.delegateYield(_loop6(), "t6", 84);
-        case 84:
+          return _context8.delegateYield(_loop6(), "t6", 86);
+        case 86:
           _i9++;
-          _context8.next = 82;
+          _context8.next = 84;
           break;
-        case 87:
+        case 89:
           catalogArticleDatas.map(function (c) {
             return c.areOptionsLoaded = true;
           });
-        case 88:
+        case 90:
         case "end":
           return _context8.stop();
       }
-    }, _callee2, null, [[31, 42, 45, 48], [63, 74, 77, 80]]);
+    }, _callee2, null, [[33, 44, 47, 50], [65, 76, 79, 82]]);
   }));
   return _loadMoreFromIDMArticles.apply(this, arguments);
 }
@@ -20624,7 +20950,179 @@ function initIDMArticleRelations(item, catalogArticleData, catalog) {
   catalogArticle.hasArticleRelations = catalogArticle.articleRelations.length > 0;
 }
 
+/** True when IDM delivered no docking point counts for this svg at all - a delivered 0 is a real count. */
+function lacksDockingPointCounts(svg) {
+  return [svg.avc, svg.avn, svg.avo, svg.avr, svg.avs, svg.avu, svg.avl].every(function (count) {
+    return count === undefined;
+  });
+}
+
+/**
+ * Counts the docking points of accessory svgs whose IDM detail info delivered none - the frontend counterpart
+ * of api2's FillAVsIfMissing for CE catalogs. Without counts an accessory is not dockable, so the accessory
+ * step adds it without its svg and the planner palette never offers it. Has to run before the relations are
+ * mapped, because they and the planner palette take a snapshot of the counts.
+ */
+function fillMissingDockingPointCounts(_x3, _x4, _x5) {
+  return _fillMissingDockingPointCounts.apply(this, arguments);
+}
+
 /** Load IDM decisions by number; a list too long for one GET url goes through the POST query endpoint. */
+function _fillMissingDockingPointCounts() {
+  _fillMissingDockingPointCounts = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(items, set, catalogData) {
+    var accessories, _iterator8, _step8, item, _iterator9, _step9, ref, accessory, svgUtils, countsByUrl, countSvg;
+    return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context10) {
+      while (1) switch (_context10.prev = _context10.next) {
+        case 0:
+          if (!catalogData.ignoreArticleRelations) {
+            _context10.next = 2;
+            break;
+          }
+          return _context10.abrupt("return");
+        case 2:
+          accessories = new Set();
+          _iterator8 = _createForOfIteratorHelper$j(items);
+          _context10.prev = 4;
+          _iterator8.s();
+        case 6:
+          if ((_step8 = _iterator8.n()).done) {
+            _context10.next = 29;
+            break;
+          }
+          item = _step8.value;
+          _iterator9 = _createForOfIteratorHelper$j(readAdditionalItemRefs(item));
+          _context10.prev = 9;
+          _iterator9.s();
+        case 11:
+          if ((_step9 = _iterator9.n()).done) {
+            _context10.next = 19;
+            break;
+          }
+          ref = _step9.value;
+          if (!(ref.serieNo != catalogData.catalogCodex)) {
+            _context10.next = 15;
+            break;
+          }
+          return _context10.abrupt("continue", 17);
+        case 15:
+          accessory = catalogData.getCatalogArticle(ref.typeNo);
+          if (accessory && !accessory.isHidden && accessory.catalogPlannerArticle) accessories.add(accessory);
+        case 17:
+          _context10.next = 11;
+          break;
+        case 19:
+          _context10.next = 24;
+          break;
+        case 21:
+          _context10.prev = 21;
+          _context10.t0 = _context10["catch"](9);
+          _iterator9.e(_context10.t0);
+        case 24:
+          _context10.prev = 24;
+          _iterator9.f();
+          return _context10.finish(24);
+        case 27:
+          _context10.next = 6;
+          break;
+        case 29:
+          _context10.next = 34;
+          break;
+        case 31:
+          _context10.prev = 31;
+          _context10.t1 = _context10["catch"](4);
+          _iterator8.e(_context10.t1);
+        case 34:
+          _context10.prev = 34;
+          _iterator8.f();
+          return _context10.finish(34);
+        case 37:
+          svgUtils = new SVGUtils(); // accessories may share a drawing - fetch and count each url once
+          countsByUrl = new Map();
+          countSvg = function countSvg(url) {
+            var counts = countsByUrl.get(url);
+            if (!counts) {
+              counts = set.api.fetchData(url, {
+                method: 'GET',
+                config: {},
+                data: {}
+              }).then(function (svgContent) {
+                return svgUtils.countDockingPoints(svgContent);
+              })["catch"](function (e) {
+                LOG$l.warn('docking points of the accessory svg ' + url + ' could not be counted', e);
+                return undefined;
+              });
+              countsByUrl.set(url, counts);
+            }
+            return counts;
+          };
+          _context10.next = 42;
+          return Promise.all(_toConsumableArray__default["default"](accessories).map(/*#__PURE__*/function () {
+            var _ref4 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(accessory) {
+              var _accessory$svgs, _accessory$catalogPla12;
+              var svgs, uncounted, counts, topCounts, paletteView;
+              return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context9) {
+                while (1) switch (_context9.prev = _context9.next) {
+                  case 0:
+                    svgs = (_accessory$svgs = accessory.svgs) !== null && _accessory$svgs !== void 0 ? _accessory$svgs : [];
+                    uncounted = svgs.filter(lacksDockingPointCounts);
+                    if (uncounted.length) {
+                      _context9.next = 4;
+                      break;
+                    }
+                    return _context9.abrupt("return");
+                  case 4:
+                    _context9.next = 6;
+                    return Promise.all(uncounted.map(function (svg) {
+                      return countSvg(svg.url);
+                    }));
+                  case 6:
+                    counts = _context9.sent;
+                    // every svg gets its counts, so an svg swap (IDMArticleEngine) reads real ones too
+                    uncounted.forEach(function (svg, i) {
+                      if (counts[i]) Object.assign(svg, counts[i]);
+                    });
+
+                    // the planner article took its top values from the first svg (IDMCatalogData.getCatalogPlanner)
+                    topCounts = uncounted[0] === svgs[0] ? counts[0] : undefined;
+                    if (topCounts) {
+                      _context9.next = 11;
+                      break;
+                    }
+                    return _context9.abrupt("return");
+                  case 11:
+                    (_accessory$catalogPla12 = accessory.catalogPlannerArticle) === null || _accessory$catalogPla12 === void 0 || _accessory$catalogPla12.applyDockingPointCounts(topCounts);
+                    paletteView = catalogData.plannerPaletteViewInfo.catalogPlannerArticles.find(function (view) {
+                      return view.articleCodex == accessory.articleCodex;
+                    });
+                    if (paletteView) {
+                      Object.assign(paletteView, {
+                        hasAVC: topCounts.avc > 0,
+                        hasAVN: topCounts.avn > 0,
+                        hasAVO: topCounts.avo > 0,
+                        hasAVS: topCounts.avs > 0,
+                        hasAVU: topCounts.avu > 0,
+                        hasAVL: topCounts.avl > 0,
+                        hasAVR: topCounts.avr > 0
+                      });
+                    }
+                  case 14:
+                  case "end":
+                    return _context9.stop();
+                }
+              }, _callee3);
+            }));
+            return function (_x8) {
+              return _ref4.apply(this, arguments);
+            };
+          }()));
+        case 42:
+        case "end":
+          return _context10.stop();
+      }
+    }, _callee4, null, [[4, 31, 34, 37], [9, 21, 24, 27]]);
+  }));
+  return _fillMissingDockingPointCounts.apply(this, arguments);
+}
 var fetchDecisions = function fetchDecisions(set, catalogData, decisionNos) {
   var getUrl = set.api.getIDMDecisions(catalogData.accountGuid, decisionNos);
   if (getUrl.length > 2000) {
@@ -20721,7 +21219,7 @@ var loadDecisionsReferencedByActions = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function loadDecisionsReferencedByActions(_x3, _x4) {
+  return function loadDecisionsReferencedByActions(_x6, _x7) {
     return _ref3.apply(this, arguments);
   };
 }();
@@ -31716,7 +32214,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-bd6038e1.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-a4717a2b.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -40310,7 +40808,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-602a86f3.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-a89651e0.js'); });
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -43696,7 +44194,8 @@ var DivaSetHandler = /*#__PURE__*/function () {
             case 6:
               //falls ein Accessoire verplant wurde wird das Accessoire beim Parent auch hinterlegt
               if (newArticle.relatedToBasketId) {
-                if (!newArticle.isDockable) (_set$getArticleByBask2 = set.getArticleByBasketId(newArticle.relatedToBasketId)) === null || _set$getArticleByBask2 === void 0 || _set$getArticleByBask2.addAccessoire(newArticle);
+                // a dockable accessory is registered by the docking callback - one added without docking never gets there
+                if (!newArticle.isDockable || initParams.notDocking) (_set$getArticleByBask2 = set.getArticleByBasketId(newArticle.relatedToBasketId)) === null || _set$getArticleByBask2 === void 0 || _set$getArticleByBask2.addAccessoire(newArticle);
                 newArticle.accessoireParentArticle = set.getArticleByBasketId(newArticle.relatedToBasketId);
               }
               //holt die bereits gesetzten Option welche beim neuen Article übernommen werden könnten
@@ -48154,7 +48653,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-14686c6d.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-82aaa131.js'); });
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -48162,7 +48661,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-9497b33d.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-fcb69b1f.js'); });
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -48170,7 +48669,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-acfb2f40.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-a5dccfff.js'); });
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -48178,7 +48677,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-bafafa71.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-8c3e6f6e.js'); });
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -49565,7 +50064,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
               //If we need real time rendering initialize the SignalR and 3D host connection Handler
               bootMark('signalr: chunk import start');
               _context3.next = 3;
-              return Promise.resolve().then(function () { return require('./Host3DSignalR-09d9efe0.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-d8c102b7.js'); });
             case 3:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -51297,7 +51796,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context5.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-1e17ea12.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-6091f80a.js'); });
             case 10:
               _yield$import = _context5.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -51308,7 +51807,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context5.abrupt("break", 21);
             case 15:
               _context5.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-69dd68ba.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-83122797.js'); });
             case 17:
               _yield$import2 = _context5.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -57376,6 +57875,12 @@ var PlannerElementData = /*#__PURE__*/function () {
     set: function set(cornerPos) {
       var _this$planElement$olt3, _this$planElement$olt4;
       if (!this.planElement.plannerData) return;
+      // Mirrors the getter: without an OLF there is no OLF/OLT split. Deriving the center from the OLT size would shift an
+      // element whose OLT is smaller than its canvas (an accessory's margin for its AV lines) by half the difference.
+      if (!this.HasOLFPolygon) {
+        this.WorldPosCorner = cornerPos;
+        return;
+      }
       var w = (_this$planElement$olt3 = this.planElement.oltWidth) !== null && _this$planElement$olt3 !== void 0 ? _this$planElement$olt3 : this.planElement.plannerData.width;
       var d = (_this$planElement$olt4 = this.planElement.oltDepth) !== null && _this$planElement$olt4 !== void 0 ? _this$planElement$olt4 : this.planElement.plannerData.depth;
       var oltCenterDir = new Vector2(w / 2, d / 2);
@@ -75770,6 +76275,7 @@ exports.OptionCatalogData = OptionCatalogData;
 exports.PROPERTY_SCHEMAS = PROPERTY_SCHEMAS;
 exports.PlannerElementData = PlannerElementData;
 exports.Rendering = Rendering;
+exports.SVGUtils = SVGUtils;
 exports.Vector2 = Vector2;
 exports.Vector3 = Vector3;
 exports.Vector4 = Vector4;