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

package/build/esm/{index-a201dfa2.js → index-a4b13cb9.js}

@@ -8,6 +8,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import axios$1 from 'axios';
 import DivaUtils, { DivaError, md5, nanoid } from '@crystaldesign/diva-utils';
+import { parseXml, serializeXml, removeMask, stretchArticleSvg } from '@crystaldesign/planner-2d-core';
 import { PriceObjectData, VariantItemData, JsonConfigPriceData, OrderLineData, CompactOrderLineData, GroupsData, Favorites, Favorite, ConfigVariantData, BASKET_UPLOAD_FUNCTION_TYPES, BASKET_UPLOAD_MEDIA_TYPES, OrderSetData, BasketData } from '@crystaldesign/basket-model';
 import _typeof from '@babel/runtime/helpers/typeof';
 import { XMLParser } from 'fast-xml-parser';
@@ -17,7 +18,6 @@ import _inherits from '@babel/runtime/helpers/inherits';
 import _wrapNativeSuper from '@babel/runtime/helpers/wrapNativeSuper';
 import BasketHandler from '@crystaldesign/basket-handler';
 import { io } from 'socket.io-client';
-import '@crystaldesign/planner-2d-core';
 
 (function() {
     const env = {"STAGE":"production"};
@@ -144,7 +144,7 @@ function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t
 
 // Import types from AI service
 
-var LOG$q = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$r = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 
 /**
  * Deadline for the optional catalog XML preload. Axios has no default timeout, and planner start-up
@@ -210,7 +210,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
     if (plannerConfig.settings) {
       this.initalizeWebConfigData(plannerConfig);
     } else {
-      LOG$q.error(new DivaError('Fehler beim laden der WebConfig', {
+      LOG$r.error(new DivaError('Fehler beim laden der WebConfig', {
         code: 'WC_0001'
       }));
       throw Error('Initalize failed!');
@@ -271,7 +271,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;
@@ -312,7 +312,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 DivaError(data.Error, {
+                if (dontLogError) LOG$r.warn(data.Error + ' ' + url);else LOG$r.error(new DivaError(data.Error, {
                   code: 'WC_0001',
                   custom: {
                     url: url
@@ -434,7 +434,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
         return _regeneratorRuntime.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
@@ -512,7 +512,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
         return _regeneratorRuntime.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,
@@ -533,14 +533,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) {
@@ -590,7 +590,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
@@ -612,7 +612,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":
@@ -648,7 +648,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 5:
               _context4.prev = 5;
               _context4.t0 = _context4["catch"](1);
-              LOG$q.error(new DivaError('could not create product in Configurator', {
+              LOG$r.error(new DivaError('could not create product in Configurator', {
                 cause: _context4.t0
               }));
               return _context4.abrupt("return", false);
@@ -1633,7 +1633,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 DivaError(apiMessage || 'Failed to create lead key', {
                 code: 'LEAD_KEY_REQUEST_FAILED',
                 custom: {
@@ -1729,7 +1729,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 9:
               _context14.prev = 9;
               _context14.t0 = _context14["catch"](4);
-              LOG$q.error(new DivaError('Error Connecting to Support-Service-LivePlanner', {
+              LOG$r.error(new DivaError('Error Connecting to Support-Service-LivePlanner', {
                 cause: _context14.t0
               }));
             case 12:
@@ -1776,7 +1776,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'
               });
@@ -1834,7 +1834,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'
               });
@@ -1913,7 +1913,7 @@ var DivaApiHandler = /*#__PURE__*/function () {
             case 14:
               _context17.prev = 14;
               _context17.t0 = _context17["catch"](6);
-              LOG$q.error(new DivaError('Error Connecting to Report Service', {
+              LOG$r.error(new DivaError('Error Connecting to Report Service', {
                 cause: _context17.t0
               }));
             case 17:
@@ -2436,6 +2436,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() {
@@ -2447,7 +2463,7 @@ var CatalogPlannerArticleData = /*#__PURE__*/function () {
   }]);
 }();
 
-var LOG$p = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$q = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var OptionCatalogData = /*#__PURE__*/function () {
   function OptionCatalogData(opt, catalogData) {
     var _this$opt$property;
@@ -2878,7 +2894,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;
     }
   }
@@ -16673,7 +16689,7 @@ var ralClassics = [{
   rgb: '#7E8182'
 }];
 
-var LOG$o = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$p = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var OptionValueCatalogData = /*#__PURE__*/function () {
   function OptionValueCatalogData(opv, catalogData) {
     var _this = this,
@@ -17165,7 +17181,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;
@@ -17191,9 +17207,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) {
@@ -17979,7 +17995,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;) {
@@ -18046,7 +18062,7 @@ var CatalogArticleData = /*#__PURE__*/function () {
   }]);
 }();
 
-var LOG$n = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$o = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 function initDivaCatalogData(json, orderSet, api) {
   var _json$MainCategory;
   var catalogData = {
@@ -18105,7 +18121,7 @@ function initDivaArticles(articleJson, plannerElementsJson, catalogData) {
     }
   } else {
     DivaUtils.endSpanOfApm('Catalog initialize');
-    LOG$n.error(new DivaError('Catalog ' + catalogData.catalogName + ' not listed', {
+    LOG$o.error(new DivaError('Catalog ' + catalogData.catalogName + ' not listed', {
       code: 'WC_0002'
     }));
     throw new Error('Articles of Catalog: ' + catalogData.catalogCodex + ' are empty');
@@ -19128,9 +19144,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;
@@ -19230,7 +19246,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;) {
@@ -19571,7 +19587,7 @@ var ArticleOptionData = /*#__PURE__*/function () {
   }]);
 }();
 
-var LOG$m = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
+var LOG$n = DivaUtils.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
@@ -19778,12 +19794,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) {
@@ -19799,11 +19815,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));
             }
           }
         }
@@ -19815,7 +19831,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));
           }
         }
       }
@@ -19903,12 +19919,12 @@ function initDecisions(catalog, catalogArticleData, decisionRefs) {
                 articleCodex: catalogArticle.articleCodex
               };
               if (myDecision.Type == '0') {
-                LOG$m.error(new DivaError(text, {
+                LOG$n.error(new 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--;
@@ -20064,6 +20080,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.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(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(SVGUtils, [{
+    key: "removeOLFFromSvg",
+    value: function removeOLFFromSvg(content) {
+      var xmlDocument = 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 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 = 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 = 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(xArr));
+      var maxX = Math.max.apply(Math, _toConsumableArray(xArr));
+      var minY = Math.min.apply(Math, _toConsumableArray(yArr));
+      var maxY = Math.max.apply(Math, _toConsumableArray(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 = 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(_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 = 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(_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 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 = 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(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; } } }; }
@@ -20133,6 +20456,9 @@ function _loadMoreFromIDMArticles() {
           })), undefined, undefined, 'enricher');
         case 3:
           items = _context8.sent;
+          _context8.next = 6;
+          return fillMissingDockingPointCounts(items, set, catalogData);
+        case 6:
           _loop3 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop3() {
             var catalogArticleData, item;
             return _regeneratorRuntime.wrap(function _loop3$(_context4) {
@@ -20159,17 +20485,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(new Set(catalogArticleDatas.filter(function (a) {
@@ -20178,9 +20504,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(_yield$Promise$all, 3);
           featureClasses = _yield$Promise$all2[0];
@@ -20192,7 +20518,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) {
@@ -20202,17 +20528,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.mark(function _loop7() {
             var prfgNo, askedBy;
             return _regeneratorRuntime.wrap(function _loop7$(_context5) {
@@ -20241,33 +20567,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(new Set([].concat(_toConsumableArray(catalogData.globalDecisions.map(function (g) {
@@ -20279,12 +20605,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.mark(function _loop4() {
             var feature, insertIndex, k, _loop5, j;
@@ -20366,19 +20692,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.mark(function _loop8() {
             var featureNo, askedBy;
             return _regeneratorRuntime.wrap(function _loop8$(_context6) {
@@ -20408,33 +20734,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.mark(function _loop6() {
             var catalogArticleData, featureClass, features, j;
             return _regeneratorRuntime.wrap(function _loop6$(_context7) {
@@ -20461,25 +20787,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);
 }
@@ -20603,7 +20929,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(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(items, set, catalogData) {
+    var accessories, _iterator8, _step8, item, _iterator9, _step9, ref, accessory, svgUtils, countsByUrl, countSvg;
+    return _regeneratorRuntime.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(accessories).map(/*#__PURE__*/function () {
+            var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(accessory) {
+              var _accessory$svgs, _accessory$catalogPla12;
+              var svgs, uncounted, counts, topCounts, paletteView;
+              return _regeneratorRuntime.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) {
@@ -20700,7 +21198,7 @@ var loadDecisionsReferencedByActions = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-  return function loadDecisionsReferencedByActions(_x3, _x4) {
+  return function loadDecisionsReferencedByActions(_x6, _x7) {
     return _ref3.apply(this, arguments);
   };
 }();
@@ -31695,7 +32193,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-6f2b92a1.js');
+              return import('./ShelfPlanner-bfd3c0d1.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -40289,7 +40787,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return import('./DoorPlanner-598af141.js');
+              return import('./DoorPlanner-15567662.js');
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -43675,7 +44173,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
@@ -48133,7 +48632,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-ebf67f99.js');
+              return import('./PfisterWWSHandler-b9221f28.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -48141,7 +48640,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-ace695dc.js');
+              return import('./LiviqueWWSHandler-00904519.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -48149,7 +48648,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-14961eb6.js');
+              return import('./SeriousBasketHandler-d67b4447.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -48157,7 +48656,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-1c478a3c.js');
+              return import('./StandardWWSHandler-ac6342aa.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -49544,7 +50043,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 import('./Host3DSignalR-bc77d0ab.js');
+              return import('./Host3DSignalR-9c4f10d3.js');
             case 3:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -51276,7 +51775,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context5.next = 10;
-              return import('./DivaStandardPlanner-e1831308.js');
+              return import('./DivaStandardPlanner-cb773ae9.js');
             case 10:
               _yield$import = _context5.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -51287,7 +51786,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context5.abrupt("break", 21);
             case 15:
               _context5.next = 17;
-              return import('./DivaBoxPlanner-50d29c59.js');
+              return import('./DivaBoxPlanner-694ee7c8.js');
             case 17:
               _yield$import2 = _context5.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -57355,6 +57854,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);
@@ -75734,4 +76239,4 @@ function _withTimeout() {
   return _withTimeout.apply(this, arguments);
 }
 
-export { collectStructureStepKeys as A, BoundingBox as B, Cell as C, DivaWebPlanner as D, runHeadlessArtifactPass as E, runHeadlessArtifactPassBatch as F, Grid as G, HQRenderScript as H, ArtifactGenerationError as I, JsonDataCache as J, OptionCatalogData as O, PlannerElementData as P, Rendering as R, Vector3 as V, articleHandlerInstance as a, setHandlerInstance as b, Vector2 as c, bootMark as d, DivaArticle as e, DivaCatalogData as f, DivaBasketHandler as g, CatalogPlannerArticleData as h, PROPERTY_SCHEMAS as i, decodePropertyValue as j, encodePropertyValue as k, loadAndRepairBasket as l, propertyValueProblem as m, editorKindOf as n, getSeriousSetNamePlaceholder as o, propertyEncodingOf as p, bootMarksEnabled as q, rawStringOf as r, summaryHandlerInstance as s, bootNetworkMark as t, bootNow as u, bootRequestName as v, Vector4 as w, creatRenderOrders as x, getOrigProductId as y, headlessSession as z };
+export { collectStructureStepKeys as A, BoundingBox as B, Cell as C, DivaWebPlanner as D, runHeadlessArtifactPass as E, runHeadlessArtifactPassBatch as F, Grid as G, HQRenderScript as H, ArtifactGenerationError as I, JsonDataCache as J, OptionCatalogData as O, PlannerElementData as P, Rendering as R, SVGUtils as S, Vector3 as V, articleHandlerInstance as a, setHandlerInstance as b, Vector2 as c, bootMark as d, DivaArticle as e, DivaCatalogData as f, DivaBasketHandler as g, CatalogPlannerArticleData as h, PROPERTY_SCHEMAS as i, decodePropertyValue as j, encodePropertyValue as k, loadAndRepairBasket as l, propertyValueProblem as m, editorKindOf as n, getSeriousSetNamePlaceholder as o, propertyEncodingOf as p, bootMarksEnabled as q, rawStringOf as r, summaryHandlerInstance as s, bootNetworkMark as t, bootNow as u, bootRequestName as v, Vector4 as w, creatRenderOrders as x, getOrigProductId as y, headlessSession as z };