@crystaldesign/web-planner-logic 25.10.0-beta.3 → 25.10.0-beta.31

package/build/cjs/{index-a366532b.js → index-feba8a77.js}

@@ -43,8 +43,8 @@ var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 })();
 
 var _excluded = ["type"];
-function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$p = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var JsonDataCache = /*#__PURE__*/function () {
   function JsonDataCache() {
@@ -255,8 +255,8 @@ var DivaApiHandler = /*#__PURE__*/function () {
               if (this.getApplicationEnvironment() == 'WEB' && (_this$apiConfig2 = this.apiConfig) !== null && _this$apiConfig2 !== void 0 && _this$apiConfig2.api2.web) {
                 api2Url = this.apiConfig.api2.web;
               }
-              _context2.t0 = _objectSpread$j;
-              _context2.t1 = _objectSpread$j({}, init.config.headers);
+              _context2.t0 = _objectSpread$k;
+              _context2.t1 = _objectSpread$k({}, init.config.headers);
               _context2.t2 = {};
               _context2.next = 21;
               return this.getSessionGuid('V', undefined, this.OrganizationId, api2Url);
@@ -476,7 +476,8 @@ var DivaApiHandler = /*#__PURE__*/function () {
         dontLoadDimensions: data.dontLoadDimensions,
         useIDMService: data.useIDMService,
         useEnricherService: data.useEnricherService,
-        packageId: plannerConfig.packageId
+        packageId: plannerConfig.packageId,
+        basketStatus: plannerConfig.basketStatus
       };
     }
   }, {
@@ -18657,7 +18658,7 @@ function _loadMoreFromDivaArticle() {
           jsonPrices = _yield$Promise$all2[0];
           jsonOption = _yield$Promise$all2[1];
           loadPrices(jsonPrices, catalogArticleData, catalog);
-          loadArticleOptions(jsonOption, catalogArticleData, set, set.onlyRunLogic);
+          loadArticleOptions(jsonOption, catalogArticleData, set);
         case 31:
           catalogArticle.areOptionsLoaded = true;
         case 32:
@@ -18722,7 +18723,7 @@ function initArticleRelations(articleRelations, catalogArticleData, catalog) {
     }
   }
 }
-function loadArticleOptions(json, catalogArticleData, set, onlyRunLogic) {
+function loadArticleOptions(json, catalogArticleData, set) {
   var catalogArticle = catalogArticleData.catalogArticle;
   var multiselectOptions = json.OPT.filter(function (o) {
     var _o$OCD;
@@ -18895,8 +18896,10 @@ function initDecisions(catalog, catalogArticleData) {
   }
 }
 function getArticleOptionType(myOPT, set) {
+  var _set$CatalogData$cata, _set$CatalogData$cata2, _set$CatalogData$cata3, _optionMask$hidden;
   var OP = myOPT.OCD ? myOPT.OCD : myOPT.Codex;
   var catOPT = set.CatalogData.getOption(OP);
+  var optionMask = (_set$CatalogData$cata = (_set$CatalogData$cata2 = set.CatalogData.catalogMask) === null || _set$CatalogData$cata2 === void 0 || (_set$CatalogData$cata2 = _set$CatalogData$cata2.options) === null || _set$CatalogData$cata2 === void 0 ? void 0 : _set$CatalogData$cata2[OP]) !== null && _set$CatalogData$cata !== void 0 ? _set$CatalogData$cata : OP.startsWith('OPT') ? (_set$CatalogData$cata3 = set.CatalogData.catalogMask) === null || _set$CatalogData$cata3 === void 0 || (_set$CatalogData$cata3 = _set$CatalogData$cata3.options) === null || _set$CatalogData$cata3 === void 0 ? void 0 : _set$CatalogData$cata3[OP.substring(3)] : undefined;
   if (!catOPT) throw new Error('Option: ' + OP + ' not in CatalogData');
   var optHasOpg = myOPT.OPG && myOPT.OPG.length > 0;
   return {
@@ -18911,7 +18914,8 @@ function getArticleOptionType(myOPT, set) {
     sendToSAP: myOPT.SendToSAP && myOPT.SendToSAP != '-1' ? myOPT.SendToSAP : undefined,
     articlePlaceholder: myOPT.ArticlePlaceholder,
     hasOPG: optHasOpg,
-    invisible: myOPT.Invisible == 'True' ? true : myOPT.Invisible == 'False' ? false : undefined,
+    hasImages: false,
+    invisible: (_optionMask$hidden = optionMask === null || optionMask === void 0 ? void 0 : optionMask.hidden) !== null && _optionMask$hidden !== void 0 ? _optionMask$hidden : myOPT.Invisible == 'True' ? true : myOPT.Invisible == 'False' ? false : undefined,
     parentOptionCodex: myOPT.ParentOptionCodex
   };
 }
@@ -19010,8 +19014,8 @@ function getArticleOptionValueType(codex, jsonOPV, catalogOPV, myArticle, isPare
   return opv;
 }
 
-function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$k = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 function loadMoreFromIDMArticles(_x, _x2) {
   return _loadMoreFromIDMArticles.apply(this, arguments);
@@ -19295,11 +19299,11 @@ var getPriceFeatureGroups = function getPriceFeatureGroups(catalogArticleDatas,
 var initializeDecision = function initializeDecision(decision, idmOptionGroups) {
   var _decision$optionCombi;
   var optionCombinations = (_decision$optionCombi = decision.optionCombinations) === null || _decision$optionCombi === void 0 ? void 0 : _decision$optionCombi.map(function (c) {
-    return _objectSpread$i(_objectSpread$i({}, c), {}, {
+    return _objectSpread$j(_objectSpread$j({}, c), {}, {
       projectOptionsSetRefs: parseOptionSetRef(c.projectOptionsSetRefs, idmOptionGroups)
     });
   });
-  return _objectSpread$i(_objectSpread$i({}, decision), {}, {
+  return _objectSpread$j(_objectSpread$j({}, decision), {}, {
     optionCombinations: optionCombinations === null || optionCombinations === void 0 ? void 0 : optionCombinations.sort(function (a, b) {
       return a.sequence - b.sequence;
     })
@@ -19308,11 +19312,11 @@ var initializeDecision = function initializeDecision(decision, idmOptionGroups)
 var initializePriceFeatureGroups = function initializePriceFeatureGroups(priceFeatureGroup, idmOptionGroups) {
   var _priceFeatureGroup$pr;
   var finishes = (_priceFeatureGroup$pr = priceFeatureGroup.projectFinishes) === null || _priceFeatureGroup$pr === void 0 ? void 0 : _priceFeatureGroup$pr.map(function (c) {
-    return _objectSpread$i(_objectSpread$i({}, c), {}, {
+    return _objectSpread$j(_objectSpread$j({}, c), {}, {
       projectOptionsSetRefs: c.optionsSetRef ? parseOptionSetRef(c.optionsSetRef, idmOptionGroups) : []
     });
   });
-  return _objectSpread$i(_objectSpread$i({}, priceFeatureGroup), {}, {
+  return _objectSpread$j(_objectSpread$j({}, priceFeatureGroup), {}, {
     projectFinishes: finishes === null || finishes === void 0 ? void 0 : finishes.sort(function (a, b) {
       return a.sequence - b.sequence;
     })
@@ -19393,8 +19397,9 @@ var initFeature = function initFeature(feature, catalogArticleData, set) {
   catalogArticleData.articleOptions[newArticleFeature.codex] = newArticleFeature;
 };
 function getCatalogFeatureType(feature, catalogArticleData, set) {
-  var _feature$detailInfos, _ref, _feature$properties, _feature$options$;
+  var _set$CatalogData$cata, _feature$detailInfos, _ref, _feature$properties, _feature$options$, _optionMask$hidden;
   var featureClass = set.CatalogData.getFeatureClass(catalogArticleData.featureClassRefNo);
+  var optionMask = (_set$CatalogData$cata = set.CatalogData.catalogMask) === null || _set$CatalogData$cata === void 0 || (_set$CatalogData$cata = _set$CatalogData$cata.options) === null || _set$CatalogData$cata === void 0 ? void 0 : _set$CatalogData$cata[feature.featureNo];
   return {
     name: DivaUtils__default["default"].getLocals(feature.featureText, set.api.getLanguageLowercase()),
     origName: DivaUtils__default["default"].getLocals(feature.featureText, set.api.getLanguageLowercase()),
@@ -19413,7 +19418,7 @@ function getCatalogFeatureType(feature, catalogArticleData, set) {
     })) === null || _feature$properties === void 0 ? void 0 : _feature$properties.value) !== null && _ref !== void 0 ? _ref : (_feature$options$ = feature.options[0]) !== null && _feature$options$ !== void 0 && (_feature$options$ = _feature$options$.detailInfos) !== null && _feature$options$ !== void 0 && _feature$options$.find(function (d) {
       return d.functionType == 'OPV';
     }) ? 'IMAGE' : 'TEXT',
-    invisible: !!(featureClass !== null && featureClass !== void 0 && featureClass.featureRefs[feature.featureNo])
+    invisible: (_optionMask$hidden = optionMask === null || optionMask === void 0 ? void 0 : optionMask.hidden) !== null && _optionMask$hidden !== void 0 ? _optionMask$hidden : !!(featureClass !== null && featureClass !== void 0 && featureClass.featureRefs[feature.featureNo])
   };
 }
 function getArticleFeatureType(feature, catalogArticleData, catOPT, set) {
@@ -19849,8 +19854,8 @@ function initCatalogPlannerArticleView(catalogData, catPlanArticle, catalogProps
   });
 }
 
-function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 /*
 Diese KLasse enthält Inforamtion zu einem Catalog (C)
@@ -20889,7 +20894,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
   }, {
     key: "setVariantsPriceByHash",
     value: function setVariantsPriceByHash(hash, data) {
-      this.variantsPriceHashObj[hash] = _objectSpread$h(_objectSpread$h({}, data), {}, {
+      this.variantsPriceHashObj[hash] = _objectSpread$i(_objectSpread$i({}, data), {}, {
         calcTime: -1
       });
     }
@@ -21154,12 +21159,12 @@ var DivaCatalogData = /*#__PURE__*/function () {
             break;
           case 'SHOW_PRICEPREVIEW_ON_OPTIONS':
             _this5.catalogProps.showPricePreviewOnlyOnOptions = item.Value.split(';').map(function (t) {
-              return 'OPT' + t;
+              return t;
             });
             break;
           case 'HIDE_PRICEPREVIEW_ON_OPTIONS':
             _this5.catalogProps.hidePricePreviewOnlyOnOptions = item.Value.split(';').map(function (t) {
-              return 'OPT' + t;
+              return t;
             });
             break;
           case 'INIT_OPTIONTREE_TWICE':
@@ -21388,7 +21393,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
 var mapMask = function mapMask(mask) {
   var _mappedMask$catalog;
   if (!mask) return undefined;
-  var mappedMask = _objectSpread$h({}, mask);
+  var mappedMask = _objectSpread$i({}, mask);
   var mapProperties = function mapProperties(props) {
     if (Array.isArray(props)) return props;
     var mappedProps = [];
@@ -21417,8 +21422,8 @@ var mapMask = function mapMask(mask) {
   return mappedMask;
 };
 
-function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 //import IDMCatalogData from '../model/Catalog/IDMCatalogData';
 
 var LOG$h = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
@@ -21636,7 +21641,7 @@ var DivaCatalogHandler = /*#__PURE__*/function () {
               }
               throw new Error('Serie not found: ' + serieNo);
             case 11:
-              catalogData = new DivaCatalogData(_objectSpread$g(_objectSpread$g({}, serieData[0]), {}, {
+              catalogData = new DivaCatalogData(_objectSpread$h(_objectSpread$h({}, serieData[0]), {}, {
                 catalogData: catalogApiData
               }), serieNo, orderSet, state.api, itemsList, undefined, true, additionalModelInfos);
               return _context4.abrupt("return", catalogData);
@@ -21683,8 +21688,8 @@ var DivaCatalogHandler = /*#__PURE__*/function () {
 }();
 var catalogHandlerInstance = new DivaCatalogHandler();
 
-function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(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$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(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$9(r, a) : void 0; } }
 function _arrayLikeToArray$9(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; }
@@ -22421,11 +22426,11 @@ var ArticleOptionStateData = /*#__PURE__*/function () {
     key: "cloneOptionState",
     value: function cloneOptionState(getIsConfigSingle) {
       var clonedOps = new ArticleOptionStateData(this.option, getIsConfigSingle);
-      clonedOps.articleOptionState = _objectSpread$f(_objectSpread$f({}, this.articleOptionState), {}, {
-        imageOPVs: _objectSpread$f({}, this.articleOptionState.imageOPVs),
+      clonedOps.articleOptionState = _objectSpread$g(_objectSpread$g({}, this.articleOptionState), {}, {
+        imageOPVs: _objectSpread$g({}, this.articleOptionState.imageOPVs),
         visibleOPVs: new Map(this.articleOptionState.visibleOPVs),
         visibleOPVsImages: new Map(this.articleOptionState.visibleOPVsImages),
-        favoriteOPVs: _objectSpread$f({}, this.articleOptionState.favoriteOPVs)
+        favoriteOPVs: _objectSpread$g({}, this.articleOptionState.favoriteOPVs)
       });
       return clonedOps;
     }
@@ -24407,8 +24412,8 @@ var DivaEngine = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$e(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$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(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$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(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$7(r, a) : void 0; } }
 function _arrayLikeToArray$7(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; }
@@ -25022,7 +25027,7 @@ var IDMEngine = /*#__PURE__*/function () {
         nr: priceFeatureGroup.priceFeatureGroupNo,
         variantValues: this.article.VariantValues,
         text: DivaUtils__default["default"].getLocals(priceFeatureGroup.priceFeatureGroupText, this.article.set.api.getLanguage()) + ' ' + (finish ? (_this$article$catalog3 = this.article.catalogArticle.idmPrices) === null || _this$article$catalog3 === void 0 || (_this$article$catalog3 = _this$article$catalog3.prices['PRFG' + priceFeatureGroup.priceFeatureGroupNo + '_' + finish.priceField]) === null || _this$article$catalog3 === void 0 ? void 0 : _this$article$catalog3.toString() : ''),
-        priceFeatureGroup: _objectSpread$e(_objectSpread$e({}, priceFeatureGroup), {}, {
+        priceFeatureGroup: _objectSpread$f(_objectSpread$f({}, priceFeatureGroup), {}, {
           activeCombination: finish === null || finish === void 0 ? void 0 : finish.sequence
         })
       });
@@ -25583,8 +25588,8 @@ var IDMEngine = /*#__PURE__*/function () {
 function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(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$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(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$6(r, a) : void 0; } }
 function _arrayLikeToArray$6(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 ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(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$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$e = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaArticle = /*#__PURE__*/function () {
   function DivaArticle(set, _basketId, initParams, articleData, catalogData) {
@@ -25824,7 +25829,7 @@ var DivaArticle = /*#__PURE__*/function () {
         var partlistArticle = this.partlistArticles[basketId];
         if (!onlyVisible || partlistArticle.partlistArticleVisibleInTree || !excludeStandalonePla && partlistArticle.partlistArticleStandalone) partlistArticles[basketId] = partlistArticle;
         if (partlistArticle.hasPartlistArticle) {
-          partlistArticles = _objectSpread$d(_objectSpread$d({}, partlistArticles), partlistArticle.getRecursivePartlistArticles(onlyVisible, excludeStandalonePla));
+          partlistArticles = _objectSpread$e(_objectSpread$e({}, partlistArticles), partlistArticle.getRecursivePartlistArticles(onlyVisible, excludeStandalonePla));
         }
       }
       return partlistArticles;
@@ -25833,8 +25838,8 @@ var DivaArticle = /*#__PURE__*/function () {
     key: "variantValuesForPla",
     value: function variantValuesForPla(configurationMode, previousPartlistArticleVariantValues, newConfigValues) {
       //if configurationMode is true its previous values are more important than the values of the parentelement because its standalone configurable
-      if (configurationMode) return _objectSpread$d(_objectSpread$d({}, newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {}), previousPartlistArticleVariantValues !== null && previousPartlistArticleVariantValues !== void 0 ? previousPartlistArticleVariantValues : {});
-      return _objectSpread$d(_objectSpread$d({}, previousPartlistArticleVariantValues !== null && previousPartlistArticleVariantValues !== void 0 ? previousPartlistArticleVariantValues : {}), newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {});
+      if (configurationMode) return _objectSpread$e(_objectSpread$e({}, newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {}), previousPartlistArticleVariantValues !== null && previousPartlistArticleVariantValues !== void 0 ? previousPartlistArticleVariantValues : {});
+      return _objectSpread$e(_objectSpread$e({}, previousPartlistArticleVariantValues !== null && previousPartlistArticleVariantValues !== void 0 ? previousPartlistArticleVariantValues : {}), newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {});
     }
   }, {
     key: "partlistArticlesAsArray",
@@ -27520,6 +27525,11 @@ var DivaArticle = /*#__PURE__*/function () {
     key: "addPartlistArticle",
     value: function addPartlistArticle(newPartlistArticle) {
       //falls der hauptartikel
+      if (!!newPartlistArticle.catalogArticle.overwriteParentDepth && this.plannerData && newPartlistArticle.depth) {
+        var _newPartlistArticle$d, _newPartlistArticle$d2;
+        this.plannerData.depth = (_newPartlistArticle$d = newPartlistArticle.depth) !== null && _newPartlistArticle$d !== void 0 ? _newPartlistArticle$d : -1;
+        this.article.calcDepth = (_newPartlistArticle$d2 = newPartlistArticle.depth) !== null && _newPartlistArticle$d2 !== void 0 ? _newPartlistArticle$d2 : -1;
+      }
       newPartlistArticle.hasPartlistArticleInitialized = this.hasPartlistArticleInitialized;
       this.article.partlistArticles[newPartlistArticle.basketId] = newPartlistArticle;
     }
@@ -28184,7 +28194,7 @@ var DivaArticle = /*#__PURE__*/function () {
               var newVvs2 = this.engine.getValuesInfluencingOPT(key, vv[key]);
               if (newVvs2.length) {
                 for (var j = 0; j < newVvs2.length; j++) {
-                  newVvs[j] = _objectSpread$d(_objectSpread$d({}, vv), newVvs2[j]);
+                  newVvs[j] = _objectSpread$e(_objectSpread$e({}, vv), newVvs2[j]);
                 }
               }
             }
@@ -28263,7 +28273,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-d409ac3e.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-7ae2d55f.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -28862,7 +28872,7 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "cloneArticle",
     value: function cloneArticle(set) {
-      var clonedArticle = new DivaArticle(set, this.basketId, _objectSpread$d({}, this.article), this.article.catalogArticle, set.CatalogData);
+      var clonedArticle = new DivaArticle(set, this.basketId, _objectSpread$e({}, this.article), this.article.catalogArticle, set.CatalogData);
       clonedArticle.articleOptionStatesData = new Map();
       var _iterator40 = _createForOfIteratorHelper$6(this.articleOptionStates.values()),
         _step40;
@@ -28890,8 +28900,8 @@ var DivaArticle = /*#__PURE__*/function () {
 function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(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$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(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$5(r, a) : void 0; } }
 function _arrayLikeToArray$5(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 ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$d = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 
 //Diese Klasse verwaltet den Optionsbaum und ladelogik etc. eines Artikels
@@ -28910,7 +28920,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return this.preLoadArticles(set, [_objectSpread$c(_objectSpread$c({}, initParams), {}, {
+              return this.preLoadArticles(set, [_objectSpread$d(_objectSpread$d({}, initParams), {}, {
                 articleCodex: articleCodex
               })]);
             case 2:
@@ -29170,7 +29180,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               return _context6.abrupt("continue", 37);
             case 12:
               if (targetArticlesWithNewValues.includes(targetArticlesToUpdate[i])) {
-                valuesArray[i] = actArticle.getValidValues(_objectSpread$c({}, myValues), actArticle.CatalogData.mergeOptionsToSameOption);
+                valuesArray[i] = actArticle.getValidValues(_objectSpread$d({}, myValues), actArticle.CatalogData.mergeOptionsToSameOption);
               }
 
               //only set config if valuesArray are not empty or the article is initializing
@@ -30077,7 +30087,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           if (ruleValid) break;
         }
         if (ruleValid) {
-          returnValue.push(_objectSpread$c(_objectSpread$c({}, entry), {}, {
+          returnValue.push(_objectSpread$d(_objectSpread$d({}, entry), {}, {
             index: i
           }));
           break;
@@ -31117,7 +31127,10 @@ var DivaConfigTreeData = /*#__PURE__*/function () {
       var paletteType = (_set$api$getViewConfi = (_set$api$getViewConfi2 = set.api.getViewConfig()) === null || _set$api$getViewConfi2 === void 0 ? void 0 : _set$api$getViewConfi2.defaultOptionType) !== null && _set$api$getViewConfi !== void 0 ? _set$api$getViewConfi : 'SMALL';
       if (configStep && optionStep) {
         if (configStep.option == 'OPTVINYL' || configStep.option == 'OPTVINYL_1' || configStep.option == 'OPTFABRIC' || configStep.option == 'OPTBE' || configStep.option == 'OPTBE_AUSSEN' || configStep.option == 'OPTBE_INNEN' || configStep.option == 'OPTBE_PANEELE' || configStep.option == 'OPTMATRATZE_BE' || configStep.option == 'OPTBE_UG' || configStep.option == 'OPTBEZUG' || configStep.option == 'OPTKO' || configStep.option == 'OPTFR' || configStep.option == 'OPTNI' || configStep.option == 'OPTUF_FA' || configStep.option == 'OPTBE_NETZ' || configStep.option == 'OPTBE_AL' || configStep.option == 'OPTKISSEN_BE' || configStep.option == 'OPTKP_BE' || configStep.option == 'OPTARM_BE' || configStep.option == 'OPTBE_KT' || configStep.option == 'OPT3' || configStep.option == 'OPT5' || configStep.option == 'OPTBE_KNOEPFE' || configStep.option == 'OPTSK_FARBE' || configStep.option == 'OPTBANDFARBE' || configStep.option == 'OPTBE_BOX' || configStep.option == 'OPTMA_AF_BE' || configStep.option == 'OPTTOPPER_BE' || optionState !== null && optionState !== void 0 && optionState.option.hasOPG && optionState.hasImages || optionStep.mergesToOPG) {
-          paletteType = 'GAL_TEXT';
+          if (!paletteType.includes('GAL_')) paletteType = 'GAL_TEXT';
+        }
+        if (paletteType.includes('GAL_') && !(optionState !== null && optionState !== void 0 && optionState.hasImages)) {
+          paletteType = 'SMALL';
         }
         if (configStep.option == 'OPTBA' && !(optionState !== null && optionState !== void 0 && optionState.option.layout)) {
           paletteType = 'VERY_SMALL';
@@ -31457,8 +31470,8 @@ var DivaConfigTreeData = /*#__PURE__*/function () {
 function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(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$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(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$4(r, a) : void 0; } }
 function _arrayLikeToArray$4(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 ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$b = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 //plz delete me
 var DivaSet = /*#__PURE__*/function () {
@@ -31558,7 +31571,7 @@ var DivaSet = /*#__PURE__*/function () {
                         _context.next = 10;
                         break;
                       }
-                      validValues = repairVariantValuesAndPlanner ? article.getValidValues(_objectSpread$b({}, variantValues), article.CatalogData.mergeOptionsToSameOption) : {};
+                      validValues = repairVariantValuesAndPlanner ? article.getValidValues(_objectSpread$c({}, variantValues), article.CatalogData.mergeOptionsToSameOption) : {};
                       _context.t0 = partlistArticlesToLoad;
                       _context.next = 8;
                       return articleHandlerInstance.updateCfgValues(article, repairVariantValuesAndPlanner ? validValues : variantValues, {}, undefined, loadPlas);
@@ -32128,8 +32141,8 @@ var DivaSet = /*#__PURE__*/function () {
       var articles = {};
       for (var basketId in this.divaArticles) {
         articles[basketId] = this.divaArticles[basketId];
-        if (allPartlistArticlesAlso) articles = _objectSpread$b(_objectSpread$b({}, articles), articles[basketId].getRecursivePartlistArticles());
-        if (visiblePartlistArticlesAlso) articles = _objectSpread$b(_objectSpread$b({}, articles), articles[basketId].getRecursivePartlistArticles(true));
+        if (allPartlistArticlesAlso) articles = _objectSpread$c(_objectSpread$c({}, articles), articles[basketId].getRecursivePartlistArticles());
+        if (visiblePartlistArticlesAlso) articles = _objectSpread$c(_objectSpread$c({}, articles), articles[basketId].getRecursivePartlistArticles(true));
       }
       return articles;
     }
@@ -32761,7 +32774,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-f5c079a9.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-6d19aafe.js'); });
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -32950,8 +32963,8 @@ var DivaSet = /*#__PURE__*/function () {
   }, {
     key: "cloneSet",
     value: function cloneSet() {
-      var clonedSet = new DivaSet(this.CatalogData, this.setId, {}, _objectSpread$b({}, this.setState));
-      clonedSet.setData = _objectSpread$b({}, this.setData);
+      var clonedSet = new DivaSet(this.CatalogData, this.setId, {}, _objectSpread$c({}, this.setState));
+      clonedSet.setData = _objectSpread$c({}, this.setData);
       clonedSet.configSingle = this.configSingle;
       clonedSet.logTotalStateForVariants = this.logTotalStateForVariants;
       var articles = this.getDivaArticles();
@@ -33798,8 +33811,8 @@ var SummaryHandler = /*#__PURE__*/function () {
 }();
 var summaryHandlerInstance = new SummaryHandler();
 
-function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaFavoritesHandler = /*#__PURE__*/function () {
   function DivaFavoritesHandler() {
@@ -34488,7 +34501,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
                   if (targetArticle[opt] && !variantValues[opt]) variantValues[opt] = targetArticle[opt];
                 }
               }
-              configVariant = new basketModel.ConfigVariantData(variant.id, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils__default["default"].encodeBase64(set.plannerHandler.getProject3D(set.getSetId())), set.getVariantsDescription(), set.SetArticleNr, set.getSetPrice(), set.setHash, 1, set.getVariantBasketData(), articleHandlerInstance.getCompactOrderLine(_objectSpread$a(_objectSpread$a({}, set.getDivaArticles()), set.getPartlistArticlesOfSet())), variantValues, summaryHandlerInstance.convertSummaryItemsToSummaryInfo(set), plannerData != undefined ? DivaUtils__default["default"].encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, setHandlerInstance.getBBoxObject(set, dimensions), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils__default["default"].stripTagsFromDict(set.getVariantsDescription_locales()), (_basket$OrderSets$set = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set === void 0 || (_basket$OrderSets$set = _basket$OrderSets$set[set.basketConfigVariants.length]) === null || _basket$OrderSets$set === void 0 ? void 0 : _basket$OrderSets$set.SetOrderText, (_basket$OrderSets$set2 = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set2 === void 0 || (_basket$OrderSets$set2 = _basket$OrderSets$set2[set.basketConfigVariants.length]) === null || _basket$OrderSets$set2 === void 0 ? void 0 : _basket$OrderSets$set2.SetOrderText_locales);
+              configVariant = new basketModel.ConfigVariantData(variant.id, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils__default["default"].encodeBase64(set.plannerHandler.getProject3D(set.getSetId())), set.getVariantsDescription(), set.SetArticleNr, set.getSetPrice(), set.setHash, 1, set.getVariantBasketData(), articleHandlerInstance.getCompactOrderLine(_objectSpread$b(_objectSpread$b({}, set.getDivaArticles()), set.getPartlistArticlesOfSet())), variantValues, summaryHandlerInstance.convertSummaryItemsToSummaryInfo(set), plannerData != undefined ? DivaUtils__default["default"].encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, setHandlerInstance.getBBoxObject(set, dimensions), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils__default["default"].stripTagsFromDict(set.getVariantsDescription_locales()), (_basket$OrderSets$set = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set === void 0 || (_basket$OrderSets$set = _basket$OrderSets$set[set.basketConfigVariants.length]) === null || _basket$OrderSets$set === void 0 ? void 0 : _basket$OrderSets$set.SetOrderText, (_basket$OrderSets$set2 = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set2 === void 0 || (_basket$OrderSets$set2 = _basket$OrderSets$set2[set.basketConfigVariants.length]) === null || _basket$OrderSets$set2 === void 0 ? void 0 : _basket$OrderSets$set2.SetOrderText_locales);
               set.basketConfigVariants.push(configVariant);
             case 31:
             case "end":
@@ -35505,10 +35518,15 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
 }();
 var configTreeHandler = new DivaConfigTreeHandler();
 
-function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$9 = DivaUtils__default["default"].initLog('Planner', 'DIVA-SET-HANDLER');
 
+/**
+ * This interface describes planner elements for the view, that are not planned but visualized through the 3D Exe.
+ * This can be accessoires in the shelf planner.They do not have a SVG but are sent to the 3D Exe as single elements.
+ * The parentElementId can be a string when working with shelf planner inside the shelf planner (T element)
+ */
 /*
     Diese Klasse speichert alle Sets, die in einer Planung sind
     WICHTIG: jedes Set kann einen anderen Katalog haben
@@ -35993,7 +36011,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
               variantValues = (_initSetState$initVar = initSetState.initVariantValues) !== null && _initSetState$initVar !== void 0 ? _initSetState$initVar : catalogData === null || catalogData === void 0 || (_catalogData$promoted = catalogData.promotedOpvs) === null || _catalogData$promoted === void 0 || (_catalogData$promoted = _catalogData$promoted.articles) === null || _catalogData$promoted === void 0 || (_catalogData$promoted = _catalogData$promoted[articlesToInitialize[j]]) === null || _catalogData$promoted === void 0 || (_catalogData$promoted = _catalogData$promoted[0]) === null || _catalogData$promoted === void 0 ? void 0 : _catalogData$promoted.variantValues;
               _context6.next = 18;
-              return this.addPlannerElement(set, articlesToInitialize[j], _objectSpread$9(_objectSpread$9({}, params), variantValues ? {
+              return this.addPlannerElement(set, articlesToInitialize[j], _objectSpread$a(_objectSpread$a({}, params), variantValues ? {
                 variantValues: variantValues
               } : {}));
             case 18:
@@ -36631,7 +36649,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 _context16.next = 24;
                 break;
               }
-              return _context16.abrupt("return", _objectSpread$9(_objectSpread$9({}, doesFit), {}, {
+              return _context16.abrupt("return", _objectSpread$a(_objectSpread$a({}, doesFit), {}, {
                 accessoire: accessoire
               }));
             case 24:
@@ -37101,7 +37119,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
         var articlecodex = plannerElement.articleCodex;
         if (type == 'PLANNERSWITCH' && selectedArticle) {
           if (plannerViewInfo.catalogPlannerArticles[i].filterType == 'Accessoire') continue;
-          cleanedCaltaogPlannerArticles.push(_objectSpread$9(_objectSpread$9({}, plannerElement), {}, {
+          cleanedCaltaogPlannerArticles.push(_objectSpread$a(_objectSpread$a({}, plannerElement), {}, {
             sel: articlecodex == selectedArticle,
             groupName: ''
           }));
@@ -37115,12 +37133,12 @@ var DivaSetHandler = /*#__PURE__*/function () {
               plannerViewInfo.plannerConfiguration.updatePaletteAfterPlanningChanged = true;
             }
           }
-          if (!dontPushElement) cleanedCaltaogPlannerArticles.push(_objectSpread$9(_objectSpread$9({}, plannerElement), {}, {
+          if (!dontPushElement) cleanedCaltaogPlannerArticles.push(_objectSpread$a(_objectSpread$a({}, plannerElement), {}, {
             sel: articlecodex == selectedArticle
           }));
         }
       }
-      return _objectSpread$9(_objectSpread$9({}, plannerViewInfo), {}, {
+      return _objectSpread$a(_objectSpread$a({}, plannerViewInfo), {}, {
         catalogPlannerArticles: cleanedCaltaogPlannerArticles
       });
     }
@@ -37384,7 +37402,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               filterType = set.configTree.getCurFilterType(configStepKey, configItems.configItems);
               stepInfo = set.configTree.getStepInfo(configStepKey);
               contentItemId = (_configItems$option = configItems.option) === null || _configItems$option === void 0 ? void 0 : _configItems$option.contentItemId;
-              return _context24.abrupt("return", _objectSpread$9(_objectSpread$9(_objectSpread$9({
+              return _context24.abrupt("return", _objectSpread$a(_objectSpread$a(_objectSpread$a({
                 isRenderedNotInSettingPalette: set.configTree.isRenderedNotInSettingPalette(configStepKey),
                 isRenderedInAccessorieStep: set.configTree.isRenderedInAccessorieStep(configStepKey),
                 visible: set.configTree.getVisibility(configStepKey, visible, set.CatalogData)
@@ -37628,7 +37646,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 break;
               }
               LOG$9.debug('calcingVariant from Option:' + optionCodex + ' and index: ' + index + ' hash hit!', dataHash, [].concat(hashVariantValues, _toConsumableArray__default["default"](Object.values(totalConfig))), targetArticles);
-              return _context27.abrupt("return", _objectSpread$9(_objectSpread$9({}, dataHash), {}, {
+              return _context27.abrupt("return", _objectSpread$a(_objectSpread$a({}, dataHash), {}, {
                 origPrice: origPrice,
                 firstPrice: firstPrice
               }));
@@ -37950,7 +37968,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 break;
               }
               _context30.next = 17;
-              return this.addArticleToActSet(set, edoArticlesToLoad[_i7].ArticleCodex, _objectSpread$9(_objectSpread$9({}, edoArticlesToLoad[_i7]), {}, {
+              return this.addArticleToActSet(set, edoArticlesToLoad[_i7].ArticleCodex, _objectSpread$a(_objectSpread$a({}, edoArticlesToLoad[_i7]), {}, {
                 basketId: oldBasketIds[_i7]
               }), true);
             case 17:
@@ -38315,7 +38333,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
             var _origOrderSet$ConfigV;
             var configVariant = (_origOrderSet$ConfigV = origOrderSet.ConfigVariants) === null || _origOrderSet$ConfigV === void 0 ? void 0 : _origOrderSet$ConfigV[index];
             if (!configVariant) return variant;
-            return _objectSpread$9(_objectSpread$9({}, variant), {}, {
+            return _objectSpread$a(_objectSpread$a({}, variant), {}, {
               SetImage: configVariant.SetImage,
               HQRenderScript: configVariant.HQRenderScript,
               Set2DImage: configVariant.Set2DImage,
@@ -38637,7 +38655,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
         dim.Z = article === null || article === void 0 ? void 0 : article.height;
       }
       var t = (_set$api$getI18n = set.api.getI18n()) === null || _set$api$getI18n === void 0 ? void 0 : _set$api$getI18n.t;
-      return _objectSpread$9(_objectSpread$9({}, dim), {}, {
+      return _objectSpread$a(_objectSpread$a({}, dim), {}, {
         Info: ((_t = t === null || t === void 0 ? void 0 : t('utils.width_first_letter', 'B')) !== null && _t !== void 0 ? _t : 'B') + ': ' + dim.X + ' cm x ' + ((_t2 = t === null || t === void 0 ? void 0 : t('utils.depth_first_letter', 'T')) !== null && _t2 !== void 0 ? _t2 : 'T') + ': ' + dim.Y + ' cm' + (dim.Z ? ' x ' + ((_t3 = t === null || t === void 0 ? void 0 : t('utils.height_first_letter', 'H')) !== null && _t3 !== void 0 ? _t3 : 'H') + ': ' + dim.Z + ' cm' : '')
       });
     }
@@ -38693,8 +38711,8 @@ var setHandlerInstance = new DivaSetHandler();
 function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(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$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(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$1(r, a) : void 0; } }
 function _arrayLikeToArray$1(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 ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$8 = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaBasketHandler = /*#__PURE__*/function () {
   function DivaBasketHandler(plannerConfig) {
@@ -39149,15 +39167,15 @@ var DivaBasketHandler = /*#__PURE__*/function () {
     value: function () {
       var _initBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(api, divaNr, dataFromApi, keepOldDivaNr, origProductId) {
         var _dataFromApi$basket;
-        var basketFromAPI, basket, i, _basket$SetPlannerInf, oldSetId, newSetId, foundIndex, newDivaNr, _this$plannerConfig$s7, _dataFromApi$NewestDo, _i, os;
+        var basketFromAPI, basket, _this$plannerConfig$s7, i, _basket$SetPlannerInf, oldSetId, newSetId, foundIndex, newDivaNr, _this$plannerConfig$s8, _dataFromApi$NewestDo, _i, os;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
               basketFromAPI = (_dataFromApi$basket = dataFromApi.basket) !== null && _dataFromApi$basket !== void 0 ? _dataFromApi$basket : dataFromApi.Basket; //evaluateRopoEffect(basketFromAPI,);
               if (origProductId) basketFromAPI.OrigProductId = origProductId;
-              basket = _objectSpread$8({}, basketFromAPI);
+              basket = _objectSpread$9({}, basketFromAPI);
               if (!basketFromAPI) {
-                _context5.next = 50;
+                _context5.next = 51;
                 break;
               }
               LOG$8.debug('divaNr: ' + divaNr + ' was loaded successfully from server!');
@@ -39175,6 +39193,9 @@ var DivaBasketHandler = /*#__PURE__*/function () {
                 basket.StatusKey = 'USER_CONFIGURATION';
                 basket.Status = 'LEAFLET'; // maybe set here a default Status form config
               }
+              if ((_this$plannerConfig$s7 = this.plannerConfig.settings) !== null && _this$plannerConfig$s7 !== void 0 && _this$plannerConfig$s7.basketStatus) {
+                basket.Status = this.plannerConfig.settings.basketStatus;
+              }
               if (!basket.CustomerJourneyId) basket.CustomerJourneyId = DivaUtils.nanoid();
               if (this.plannerConfig.addDivaNr || this.plannerConfig.productId) {
                 for (i = 0; i < basket.OrderSets.length; i++) {
@@ -39188,22 +39209,22 @@ var DivaBasketHandler = /*#__PURE__*/function () {
                 }
               }
               if (!this.assignNewDivaNr) {
-                _context5.next = 29;
+                _context5.next = 30;
                 break;
               }
-              if (!((_this$plannerConfig$s7 = this.plannerConfig.startDivaNr) !== null && _this$plannerConfig$s7 !== void 0)) {
-                _context5.next = 14;
+              if (!((_this$plannerConfig$s8 = this.plannerConfig.startDivaNr) !== null && _this$plannerConfig$s8 !== void 0)) {
+                _context5.next = 15;
                 break;
               }
-              _context5.t0 = _this$plannerConfig$s7;
-              _context5.next = 17;
+              _context5.t0 = _this$plannerConfig$s8;
+              _context5.next = 18;
               break;
-            case 14:
-              _context5.next = 16;
+            case 15:
+              _context5.next = 17;
               return this.createNewDivaNr(api);
-            case 16:
-              _context5.t0 = _context5.sent;
             case 17:
+              _context5.t0 = _context5.sent;
+            case 18:
               newDivaNr = _context5.t0;
               basket.DivaNr = newDivaNr;
               basket.UniqueID = new Date().getTime().toString();
@@ -39214,14 +39235,14 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               basket.SalespersonID = undefined;
               basket.Salesperson = undefined;
               basket.OrderStatus = undefined;
-              _context5.next = 32;
+              _context5.next = 33;
               break;
-            case 29:
+            case 30:
               //falls alte DivaNummer übernommen wird das "-1" am nicht mitnehmen!
               basket.DivaNr = divaNr.split('-').length == 3 ? divaNr.split('-')[0] + '-' + divaNr.split('-')[1] : divaNr;
               basket.DocumentVersion = (_dataFromApi$NewestDo = dataFromApi.NewestDocumentVersion) !== null && _dataFromApi$NewestDo !== void 0 ? _dataFromApi$NewestDo : dataFromApi.newestDocumentVersion;
               newDivaNr = basket.DivaNr + '-' + basket.DocumentVersion.toString();
-            case 32:
+            case 33:
               if (DivaUtils__default["default"].bridge) DivaUtils__default["default"].bridge.sendMessage({
                 type: 'ABN',
                 bEvent: {
@@ -39231,31 +39252,31 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               if (!(this.plannerConfig.loginMode != 'offline' || basket.OrderSets.find(function (os) {
                 return !os.AccountSessionGUID;
               }))) {
-                _context5.next = 43;
+                _context5.next = 44;
                 break;
               }
               _i = 0;
-            case 35:
+            case 36:
               if (!(_i < basket.OrderSets.length)) {
-                _context5.next = 43;
+                _context5.next = 44;
                 break;
               }
               os = basket.OrderSets[_i];
               if (os.IsIDMFormat) {
-                _context5.next = 40;
+                _context5.next = 41;
                 break;
               }
-              _context5.next = 40;
+              _context5.next = 41;
               return api.setAccountSessionGuid({
                 os: os,
                 catalogGuid: os.CatalogGUID,
                 accountGuid: os.AccountGUID
               });
-            case 40:
+            case 41:
               _i++;
-              _context5.next = 35;
+              _context5.next = 36;
               break;
-            case 43:
+            case 44:
               this.baskets[newDivaNr] = new basketModel.BasketData(basket);
               this.baskets[newDivaNr].clearRenderData();
               if (!keepOldDivaNr) this.divaNr = newDivaNr;
@@ -39264,9 +39285,9 @@ var DivaBasketHandler = /*#__PURE__*/function () {
                 this.baskets[newDivaNr].ProductSetName = '';
               }
               return _context5.abrupt("return", true);
-            case 50:
-              return _context5.abrupt("return", false);
             case 51:
+              return _context5.abrupt("return", false);
+            case 52:
             case "end":
               return _context5.stop();
           }
@@ -39301,7 +39322,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
     key: "loadBasketByCatalogCodex",
     value: function () {
       var _loadBasketByCatalogCodex = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(api) {
-        var _this$plannerConfig$s8;
+        var _this$plannerConfig$s9;
         var newBasket, _this$baskets$this$di;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -39312,11 +39333,11 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               if (this.plannerConfig.articleCodexes) {
                 this.origConfiguration.originArticleCodexes = this.plannerConfig.articleCodexes;
               }
-              if (!((_this$plannerConfig$s8 = this.plannerConfig.startDivaNr) !== null && _this$plannerConfig$s8 !== void 0)) {
+              if (!((_this$plannerConfig$s9 = this.plannerConfig.startDivaNr) !== null && _this$plannerConfig$s9 !== void 0)) {
                 _context6.next = 6;
                 break;
               }
-              _context6.t0 = _this$plannerConfig$s8;
+              _context6.t0 = _this$plannerConfig$s9;
               _context6.next = 9;
               break;
             case 6:
@@ -39550,7 +39571,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
     key: "saveToBasket",
     value: function () {
       var _saveToBasket = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(api, actBasket, returnTo, arReady) {
-        var _this$plannerConfig$s9, _this$plannerConfig$c4, _this$_basketHandler, _api$getJwt;
+        var _this$plannerConfig$s10, _this$plannerConfig$c4, _this$_basketHandler, _api$getJwt;
         var response;
         return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -39562,7 +39583,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               actBasket.PrintOptions = api.getPrintOptions(this.reportConfig, !!arReady);
               actBasket.ClientLanguage = api.getLanguage();
               _context11.next = 8;
-              return DivaUtils__default["default"].updateBasketOrgInfo(actBasket, this.plannerConfig.currentOrganization, this.plannerConfig.currentUser, (_this$plannerConfig$s9 = this.plannerConfig.settings) === null || _this$plannerConfig$s9 === void 0 ? void 0 : _this$plannerConfig$s9.keepSalesPersonDataInBasket);
+              return DivaUtils__default["default"].updateBasketOrgInfo(actBasket, this.plannerConfig.currentOrganization, this.plannerConfig.currentUser, (_this$plannerConfig$s10 = this.plannerConfig.settings) === null || _this$plannerConfig$s10 === void 0 ? void 0 : _this$plannerConfig$s10.keepSalesPersonDataInBasket);
             case 8:
               actBasket.UserLanguage = api.getLanguage();
               actBasket.PrintRetailLogo = (_this$plannerConfig$c4 = this.plannerConfig.currentOrganization) === null || _this$plannerConfig$c4 === void 0 ? void 0 : _this$plannerConfig$c4.logoUrl;
@@ -39716,7 +39737,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
         if (_loop2()) continue;
       }
       var variantValues = article.VariantValuesParentOption;
-      var data = _objectSpread$8(_objectSpread$8({}, this.actBasket), {}, {
+      var data = _objectSpread$9(_objectSpread$9({}, this.actBasket), {}, {
         changedValues: changedValues,
         variantValues: variantValues,
         isInit: isInit,
@@ -39741,7 +39762,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-e44293f5.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-5886e9be.js'); });
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -39749,7 +39770,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-47a27ec7.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-65ef19a0.js'); });
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -39757,7 +39778,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-6934e260.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-a3d62cca.js'); });
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -39765,7 +39786,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-5dd8d94a.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-71759c0e.js'); });
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -39785,8 +39806,8 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$7 = DivaUtils__default["default"].initLog('Products', 'WEB-PLANNER-LOGIC');
 var DivaProductHandler = /*#__PURE__*/function () {
   function DivaProductHandler() {
@@ -39831,7 +39852,7 @@ var DivaProductHandler = /*#__PURE__*/function () {
                 })
               };
               _context.next = 12;
-              return api.getDataCache(api.checkMatchingProducts(), DivaUtils.md5(JSON.stringify(_objectSpread$7(_objectSpread$7({}, data), {}, {
+              return api.getDataCache(api.checkMatchingProducts(), DivaUtils.md5(JSON.stringify(_objectSpread$8(_objectSpread$8({}, data), {}, {
                 organizationId: api.OrganizationId
               }))), '', 'catalog', 'POST', data);
             case 12:
@@ -40933,8 +40954,8 @@ var HQRenderScript = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -41194,7 +41215,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return Promise.resolve().then(function () { return require('./Host3DSignalR-57e23024.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-1bae3fb6.js'); });
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -41686,8 +41707,8 @@ var PlannerHandler3D = /*#__PURE__*/function () {
               if (params.alternateRenderInfo && (params.alternateRenderInfo.overwrittenViewPointName || params.alternateRenderInfo.viewPointName)) this.handleStaticVP(params.alternateRenderInfo.overwrittenViewPointName ? params.alternateRenderInfo.overwrittenViewPointName : params.alternateRenderInfo.viewPointName);
               hybridInfo = params.hybrid3DInfo;
               if (params.useLatestHybridInfo && this.latestHybridInfo) {
-                hybridInfo = _objectSpread$6(_objectSpread$6({}, this.latestHybridInfo), {}, {
-                  focus: _objectSpread$6(_objectSpread$6({}, this.latestHybridInfo.focus), {}, {
+                hybridInfo = _objectSpread$7(_objectSpread$7({}, this.latestHybridInfo), {}, {
+                  focus: _objectSpread$7(_objectSpread$7({}, this.latestHybridInfo.focus), {}, {
                     rotationCenter: this.currentCamera.targetPos,
                     adjustZoomInUnity: true,
                     onlyAdjustZoomBBChanged: true
@@ -41853,12 +41874,12 @@ var PlannerHandler3D = /*#__PURE__*/function () {
     key: "getProductHash",
     value: function getProductHash(planningData) {
       return DivaUtils.md5(JSON.stringify(planningData.SCE.ROO[0].SET.map(function (set) {
-        return _objectSpread$6(_objectSpread$6({}, set), {}, {
+        return _objectSpread$7(_objectSpread$7({}, set), {}, {
           TechSize: undefined,
           ShowDim: undefined,
           AlternateImg: undefined,
           ELE: set.ELE.map(function (el) {
-            return _objectSpread$6(_objectSpread$6({}, el), {}, {
+            return _objectSpread$7(_objectSpread$7({}, el), {}, {
               TechSize: undefined
             });
           })
@@ -42045,7 +42066,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
                           });
                           _this2.liveArSocket.on('connected', function (data) {
                             LOG$4.debug('AR Socket connected ' + data.connectionId);
-                            _this2.liveArSocket.auth = _objectSpread$6(_objectSpread$6({}, _this2.liveArSocket.auth), {}, {
+                            _this2.liveArSocket.auth = _objectSpread$7(_objectSpread$7({}, _this2.liveArSocket.auth), {}, {
                               connectionId: data.connectionId
                             });
                             var applyConfiguratorSessionId = DivaUtils__default["default"].ConfigurationId ? '&configurationId=' + DivaUtils__default["default"].ConfigurationId : '';
@@ -42752,7 +42773,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-77476193.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-3a5228f8.js'); });
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -42763,7 +42784,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-04bf6318.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-77eca68a.js'); });
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -43748,8 +43769,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
   Das ist der Konstruktor für den ganzen Web Planner. 
   Er baut alle Klassen und initialisiert sie. 
@@ -44096,7 +44117,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               deletionResult = _context4.sent;
               (_this$actions7 = _this.actions) === null || _this$actions7 === void 0 || (_this$actions7$toggle = _this$actions7.toggleLoading) === null || _this$actions7$toggle === void 0 || _this$actions7$toggle.call(_this$actions7, 'plannerswitch' + articleCodex, false, true);
               initParams.oldPlannerTransform = deletionResult.oldTransform;
-              initParams.variantValues = _objectSpread$5(_objectSpread$5({}, variantValues), {}, _defineProperty__default["default"]({}, (!set.CatalogData.isIDMFormat ? 'OPT' : '') + 'PLANNERSWITCH', (!set.CatalogData.isIDMFormat ? 'OPT' : '') + articleCodex));
+              initParams.variantValues = _objectSpread$6(_objectSpread$6({}, variantValues), {}, _defineProperty__default["default"]({}, (!set.CatalogData.isIDMFormat ? 'OPT' : '') + 'PLANNERSWITCH', (!set.CatalogData.isIDMFormat ? 'OPT' : '') + articleCodex));
               _context4.next = 11;
               return setHandlerInstance.addPlannerElement(set, articleCodex, initParams);
             case 11:
@@ -46613,7 +46634,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           while (1) switch (_context31.prev = _context31.next) {
             case 0:
               //empty services
-              this.api = new DivaApiHandler(_objectSpread$5(_objectSpread$5({}, this.plannerConfig), {}, {
+              this.api = new DivaApiHandler(_objectSpread$6(_objectSpread$6({}, this.plannerConfig), {}, {
                 actions: {
                   getSessionGuid: getSessionGuid
                 },
@@ -47473,8 +47494,8 @@ var Cell = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Grid = /*#__PURE__*/function () {
   function Grid(index, article, data) {
     _classCallCheck__default["default"](this, Grid);
@@ -48682,7 +48703,7 @@ var Grid = /*#__PURE__*/function () {
     get: function get() {
       var _this$articleRelation2;
       return (_this$articleRelation2 = this.articleRelationsForOtherGroups) === null || _this$articleRelation2 === void 0 ? void 0 : _this$articleRelation2.map(function (g) {
-        return _objectSpread$4(_objectSpread$4({}, g), {}, {
+        return _objectSpread$5(_objectSpread$5({}, g), {}, {
           Group: 'SHELFARTICLE_' + g.Group
         });
       });
@@ -48716,6 +48737,846 @@ var Grid = /*#__PURE__*/function () {
   }]);
 }();
 
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PlannerElementData = /*#__PURE__*/function () {
+  function PlannerElementData(setId, basketId, _elementId, plannerType) {
+    _classCallCheck__default["default"](this, PlannerElementData);
+    _defineProperty__default["default"](this, "planElement", void 0);
+    _defineProperty__default["default"](this, "plannerStateHash", void 0);
+    //this value saves the state of the plannerData - used to check if plannerData state changed
+    // private dockingPoints: Map<string, DockingPoint[]>; //This map saves all docking Points accessioated to a type
+    _defineProperty__default["default"](this, "dockingPoints", void 0);
+    //This map saves all docking Points accessioated to a type
+    _defineProperty__default["default"](this, "tempDockingPoints", void 0);
+    //When reloading the element this array saves the previous docking points for redocking
+    _defineProperty__default["default"](this, "plannerType", void 0);
+    _defineProperty__default["default"](this, "basketId", void 0);
+    _defineProperty__default["default"](this, "doSetWidthFromSVG", void 0);
+    this.basketId = basketId;
+    this.planElement = {
+      elementId: _elementId,
+      setId: setId,
+      worldPosCenter: new Vector3(0, 0, 0),
+      //welt Position der linken hinteren unteren Ecke des Elementes
+      rotDeg: 0,
+      posNr: -1,
+      setPosNr: -1,
+      oltHeight: 0,
+      oltWidth: 0,
+      oltLeft: 0,
+      oltTop: 0
+    };
+    // this.dockingPoints = new Map<string, DockingPoint[]>();
+    this.dockingPoints = [];
+    this.tempDockingPoints = [];
+    this.plannerStateHash = '';
+    this.plannerType = plannerType;
+    this.doSetWidthFromSVG = false;
+  }
+  return _createClass__default["default"](PlannerElementData, [{
+    key: "destroy",
+    value: function destroy() {
+      this.planElement.svgShapeOLF2D = null;
+      this.planElement.svgShapeOLT2D = null;
+      this.planElement.svgAsHTMLCanvas = undefined;
+      this.dockingPoints = [];
+      this.tempDockingPoints = [];
+    }
+  }, {
+    key: "getTempDockingPoints",
+    value: function getTempDockingPoints() {
+      return this.tempDockingPoints;
+    }
+  }, {
+    key: "clearTempDockingPoints",
+    value: function clearTempDockingPoints() {
+      this.tempDockingPoints = [];
+    }
+  }, {
+    key: "getDockingPoints",
+    value: function getDockingPoints() {
+      return this.dockingPoints;
+    }
+
+    /**
+     * This function returns true if any docking Point of the type is docking. For example, the type is AVL. if no AVL is docking - return false. If at least one AVL is docking - return true.
+     * @param type Type of the docking point
+     */
+  }, {
+    key: "dockingTypeIsDocking",
+    value: function dockingTypeIsDocking(type) {
+      var dockingPoints = this.getDockingPointsByType(type);
+      for (var i = 0; i < dockingPoints.length; i++) {
+        if (dockingPoints[i].IsDocking) return true;
+      }
+      return false;
+    }
+
+    /**
+     * This function returns all docking DPs of a specific type.
+     * @param type  The type of the docking Point , e.g. AVL
+     */
+  }, {
+    key: "getDockingDockingPointsByType",
+    value: function getDockingDockingPointsByType(type) {
+      var dockingPoints = this.getDockingPointsByType(type);
+      var ret = [];
+      for (var i = 0; i < dockingPoints.length; i++) {
+        if (dockingPoints[i].IsDocking) ret.push(dockingPoints[i]);
+      }
+      return ret;
+    }
+
+    /**
+     * This function returns all docking DPs of any type.
+     */
+  }, {
+    key: "getDockingDockingPoints",
+    value: function getDockingDockingPoints() {
+      var ret = [];
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        if (this.dockingPoints[i].IsDocking) ret.push(this.dockingPoints[i]);
+      }
+      return ret;
+    }
+
+    /**
+     * This function returns all notDocking DPs of a specific type.
+     * @param type  The type of the docking Point , e.g. AVL
+     */
+  }, {
+    key: "getFreeDockingPointsByType",
+    value: function getFreeDockingPointsByType(type) {
+      var dockingPoints = this.getDockingPointsByType(type);
+      var ret = [];
+      for (var i = 0; i < dockingPoints.length; i++) {
+        if (!dockingPoints[i].IsDocking) ret.push(dockingPoints[i]);
+      }
+      return ret;
+    }
+
+    /**
+     * This function returns the free docking with the specific type and number
+     * @param type
+     * @param number
+     */
+  }, {
+    key: "getFreeDockingPointByTypeAndNumber",
+    value: function getFreeDockingPointByTypeAndNumber(type, number) {
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        if (!this.dockingPoints[i].IsDocking && this.dockingPoints[i].Type == type && this.dockingPoints[i].Number == number) return this.dockingPoints[i];
+      }
+      return undefined;
+    }
+
+    /**
+     * This function returns all docking points of the element. It returns docking and not docking points with any type.
+     */
+  }, {
+    key: "getAllDockingPoints",
+    value: function getAllDockingPoints() {
+      return this.dockingPoints;
+    }
+  }, {
+    key: "getDockingPointsByType",
+    value: function getDockingPointsByType(type) {
+      var dps = [];
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        if (this.dockingPoints[i].Type == type) {
+          dps.push(this.dockingPoints[i]);
+        }
+      }
+      return dps;
+    }
+  }, {
+    key: "getDockingPointById",
+    value: function getDockingPointById(id) {
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        if (this.dockingPoints[i].DpId == id) {
+          return this.dockingPoints[i];
+        }
+      }
+      return undefined;
+    }
+    /**
+     * This function retuns the DockingPoint info in a string format that is used for the 3D image rendering planningData.
+     */
+  }, {
+    key: "getDockingPointJS3D",
+    value: function getDockingPointJS3D() {
+      var dpJS = '';
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        var dockingPoint = this.dockingPoints[i];
+        if (dockingPoint.IsDocking) {
+          if (dpJS != '') dpJS += ',';
+          dpJS += dockingPoint.Name + ':' + 'E' + dockingPoint.OnElementId;
+        }
+      }
+      return dpJS;
+    }
+  }, {
+    key: "ArticleCodex",
+    get: function get() {
+      var _this$planElement$pla, _this$planElement$pla2;
+      return (_this$planElement$pla = this.planElement.plannerData) !== null && _this$planElement$pla !== void 0 && _this$planElement$pla.articleCodex ? (_this$planElement$pla2 = this.planElement.plannerData) === null || _this$planElement$pla2 === void 0 ? void 0 : _this$planElement$pla2.articleCodex : '';
+    }
+    /**
+     * Returns true if the accessoire is docked to another element in the planner (relatedToBasketID is set).
+     */
+  }, {
+    key: "IsDockedAccessoire",
+    get: function get() {
+      return this.planElement.plannerData ? this.planElement.plannerData.isAccessoire : false;
+    }
+
+    //this.planElement.plannerData && this.planElement.plannerData.isAccessoire -> Becomes true if the accessoire is placed in the planner and docked to an element - this must not be true when loading the accessoire for the first time
+    //this.planElement.plannerData?.filterType == "Accessoire" -> This is always true - The Accesssoire article is listed as accessoire
+  }, {
+    key: "IsAccessoire",
+    get: function get() {
+      var _this$planElement$pla3, _this$planElement$pla4;
+      return ((_this$planElement$pla3 = this.planElement.plannerData) === null || _this$planElement$pla3 === void 0 ? void 0 : _this$planElement$pla3.filterType) == 'Accessoire' || ((_this$planElement$pla4 = this.planElement.plannerData) === null || _this$planElement$pla4 === void 0 ? void 0 : _this$planElement$pla4.isAccessoire);
+    }
+  }, {
+    key: "FilterAVL",
+    get: function get() {
+      return this.getFilterAVL();
+    }
+  }, {
+    key: "FilterAVR",
+    get: function get() {
+      return this.getFilterAVR();
+    }
+  }, {
+    key: "PosNr",
+    get: function get() {
+      return this.planElement.posNr;
+    },
+    set: function set(posNr) {
+      this.planElement.posNr = posNr;
+    }
+  }, {
+    key: "SetPosNr",
+    set: function set(setPosNr) {
+      this.planElement.setPosNr = setPosNr;
+    }
+  }, {
+    key: "AccessoirePosNr",
+    get: function get() {
+      return this.planElement.posNrAcc != undefined ? this.planElement.posNrAcc : -1;
+    },
+    set: function set(posNr) {
+      this.planElement.posNrAcc = posNr;
+    }
+  }, {
+    key: "WorldPosCenter",
+    get: function get() {
+      return this.planElement.worldPosCenter;
+    },
+    set: function set(pos) {
+      this.planElement.worldPosCenter = pos;
+    }
+  }, {
+    key: "WorldPosCenterIgnoreOLF",
+    get: function get() {
+      var olfCorner = this.WorldPosCorner;
+      var centerDir = new Vector2(this.planElement.oltLeft + this.planElement.oltWidth / 2.0, this.planElement.oltTop + this.planElement.oltHeight / 2.0);
+      centerDir = Vector2.rotateOrigin(centerDir, this.planElement.rotDeg);
+      var worldPosCornerIgnoreOLF = new Vector3(olfCorner.x + centerDir.x, this.WorldPosCenter.y, olfCorner.z + centerDir.y);
+      return worldPosCornerIgnoreOLF;
+    }
+
+    /**
+     * This function returns the world pos of the top left bottom corner.
+     */
+  }, {
+    key: "WorldPosCorner",
+    get: function get() {
+      if (this.planElement.plannerData == null) return new Vector3(0, 0, 0);
+      var cornerDir = new Vector2(-this.planElement.plannerData.width / 2, -this.planElement.plannerData.depth / 2);
+      cornerDir = Vector2.rotateOrigin(cornerDir, this.planElement.rotDeg);
+      return new Vector3(this.planElement.worldPosCenter.x + cornerDir.x, this.planElement.worldPosCenter.y - this.planElement.plannerData.height / 2, this.planElement.worldPosCenter.z + cornerDir.y);
+    },
+    set: function set(cornerPos) {
+      if (!this.planElement.plannerData) return;
+      var centerDir = new Vector2(this.planElement.plannerData.width / 2, this.planElement.plannerData.depth / 2);
+      centerDir = Vector2.rotateOrigin(centerDir, this.planElement.rotDeg);
+      this.planElement.worldPosCenter = new Vector3(cornerPos.x + centerDir.x, cornerPos.y + this.planElement.plannerData.height / 2, cornerPos.z + centerDir.y);
+    }
+
+    /**
+     * This function updates the world position and rotation of the element based of some delta Elements
+     * @param deltaMove     delta translation in cm
+     * @param deltaRotDeg   delta rotation in degrees
+     * @param rotCorrection Specifies the degrees the rotation is corrected. For Example if rotCorrection is 5 degrees and the final angle is between 20 and 25: Then the final angle is rounded to the nearest angle
+     */
+  }, {
+    key: "updateDeltaTrans",
+    value: function updateDeltaTrans(deltaMove, deltaRotDeg, rotCorrection, correctAngle) {
+      this.WorldPosCenter = new Vector3(this.WorldPosCenter.x + deltaMove.x, this.WorldPosCenter.y + deltaMove.y, this.WorldPosCenter.z + deltaMove.z);
+      if (deltaRotDeg != 0 || correctAngle) {
+        if (correctAngle) {
+          var newRot = this.RotDeg + deltaRotDeg;
+          if (rotCorrection != 0) {
+            if (Math.abs(newRot % rotCorrection) > rotCorrection / 2) {
+              deltaRotDeg = deltaRotDeg + rotCorrection - Math.abs(newRot % rotCorrection);
+            } else {
+              deltaRotDeg = deltaRotDeg + Math.abs(newRot % rotCorrection);
+            }
+          }
+        }
+        this.processCenterRot(deltaRotDeg);
+      }
+    }
+  }, {
+    key: "processCenterRot",
+    value: function processCenterRot(deltaRot) {
+      this.RotDeg = this.RotDeg + deltaRot;
+    }
+    /**
+     * Returns the position in world coordinates of the DP of the element depending on the position and rotation of the planner element
+     * @param dpID
+     */
+  }, {
+    key: "getWorldPosOfDP",
+    value: function getWorldPosOfDP(dpID) {
+      var dp = this.getDockingPointById(dpID);
+      if (dp == undefined) return new Vector3(0, 0, 0);
+      var rotatedDir = Vector2.rotateOrigin(new Vector2(dp === null || dp === void 0 ? void 0 : dp.LocalWorldPos.x, dp === null || dp === void 0 ? void 0 : dp.LocalWorldPos.z), this.RotDeg);
+      return new Vector3(this.WorldPosCorner.x + rotatedDir.x, this.WorldPosCorner.y, this.WorldPosCorner.z + rotatedDir.y);
+    }
+
+    /**
+     * Returns the outlines of the bounding box in world coordinates
+     */
+  }, {
+    key: "getWorld2DBBoxOutline",
+    value: function getWorld2DBBoxOutline() {
+      var bboxPoints = [];
+      bboxPoints.push(new Vector2(this.WorldPosCorner.x, this.WorldPosCorner.z));
+      var helper = Vector2.rotateOrigin(new Vector2(this.getGlobalWidth(), 0), this.RotDeg);
+      bboxPoints.push(new Vector2(this.WorldPosCorner.x + helper.x, this.WorldPosCorner.z + helper.y));
+      helper = Vector2.rotateOrigin(new Vector2(this.getGlobalWidth(), this.getGlobalDepth()), this.RotDeg);
+      bboxPoints.push(new Vector2(this.WorldPosCorner.x + helper.x, this.WorldPosCorner.z + helper.y));
+      helper = Vector2.rotateOrigin(new Vector2(0, this.getGlobalDepth()), this.RotDeg);
+      bboxPoints.push(new Vector2(this.WorldPosCorner.x + helper.x, this.WorldPosCorner.z + helper.y));
+      return bboxPoints;
+    }
+  }, {
+    key: "RotDeg",
+    get: function get() {
+      return this.planElement.rotDeg;
+    }
+
+    /**
+     * Saves the current docking point state
+     */,
+    set: function set(rot) {
+      this.planElement.rotDeg = rot;
+    }
+  }, {
+    key: "saveCurrentDPState",
+    value: function saveCurrentDPState() {
+      if (this.dockingPoints && this.dockingPoints.length > 0) {
+        this.tempDockingPoints = [];
+        for (var i = 0; i < this.dockingPoints.length; i++) {
+          this.tempDockingPoints.push(this.dockingPoints[i].clone());
+        }
+      }
+    }
+  }, {
+    key: "clearAllDockingPoints",
+    value: function clearAllDockingPoints() {
+      this.dockingPoints = [];
+    }
+  }, {
+    key: "addDockingPoint",
+    value: function addDockingPoint(dockingPoint) {
+      this.dockingPoints.push(dockingPoint);
+    }
+
+    //Sets the planner Data. Returns true if something changed -> Reload
+  }, {
+    key: "updatePlannerData",
+    value: function updatePlannerData(data) {
+      //The plannerData ist keine Kopie, sondern ein verweis - wenn im Konfigurator das PlannerData Object geändert wird, dann wird es das hier auch.
+      if ((data === null || data === void 0 ? void 0 : data.width) == undefined || data.width == -1) {
+        this.doSetWidthFromSVG = true;
+      } else {
+        this.doSetWidthFromSVG = false;
+      }
+      if (this.planElement.plannerData == null && data != null) {
+        this.planElement.plannerData = data;
+        this.plannerStateHash = DivaUtils.md5(JSON.stringify(this.planElement.plannerData));
+        return true;
+      }
+      if (data != null) this.planElement.plannerData = data;
+      if (!this.planElement.plannerData) return false;
+      var plannerDataForCache = _objectSpread$4(_objectSpread$4({}, this.planElement.plannerData), {}, {
+        currentAccessorires: []
+      });
+      var currentHash = DivaUtils.md5(JSON.stringify(plannerDataForCache));
+      if (this.plannerStateHash != currentHash) {
+        this.plannerStateHash = currentHash;
+        return true;
+      }
+      return false;
+    }
+  }, {
+    key: "cleanShapeOLF2D",
+    value: function cleanShapeOLF2D() {
+      this.planElement.svgShapeOLF2D = undefined;
+    }
+  }, {
+    key: "cleanShapeOLT2D",
+    value: function cleanShapeOLT2D() {
+      this.planElement.svgShapeOLT2D = undefined;
+    }
+  }, {
+    key: "DoSetWidthFromSVG",
+    get: function get() {
+      return this.doSetWidthFromSVG;
+    }
+  }, {
+    key: "WidthFromSVG",
+    set: function set(svgWidth) {
+      if (this.planElement.plannerData) this.planElement.plannerData.width = svgWidth;
+      this.doSetWidthFromSVG = false;
+    }
+  }, {
+    key: "ElementId",
+    get: function get() {
+      return this.planElement.elementId;
+    }
+  }, {
+    key: "SvgFileName",
+    get: function get() {
+      var _this$planElement$pla5;
+      return (_this$planElement$pla5 = this.planElement.plannerData) === null || _this$planElement$pla5 === void 0 ? void 0 : _this$planElement$pla5.curSVG;
+    }
+  }, {
+    key: "Width",
+    get: function get() {
+      var _this$planElement$pla6;
+      return (_this$planElement$pla6 = this.planElement.plannerData) === null || _this$planElement$pla6 === void 0 ? void 0 : _this$planElement$pla6.width;
+    }
+  }, {
+    key: "Height",
+    get: function get() {
+      var _this$planElement$pla7;
+      return (_this$planElement$pla7 = this.planElement.plannerData) === null || _this$planElement$pla7 === void 0 ? void 0 : _this$planElement$pla7.height;
+    }
+  }, {
+    key: "Depth",
+    get: function get() {
+      var _this$planElement$pla8;
+      return (_this$planElement$pla8 = this.planElement.plannerData) === null || _this$planElement$pla8 === void 0 ? void 0 : _this$planElement$pla8.depth;
+    }
+  }, {
+    key: "HasAVL",
+    get: function get() {
+      var _this$planElement$pla9;
+      return (_this$planElement$pla9 = this.planElement.plannerData) === null || _this$planElement$pla9 === void 0 ? void 0 : _this$planElement$pla9.hasAVL;
+    }
+  }, {
+    key: "HasAVR",
+    get: function get() {
+      var _this$planElement$pla10;
+      return (_this$planElement$pla10 = this.planElement.plannerData) === null || _this$planElement$pla10 === void 0 ? void 0 : _this$planElement$pla10.hasAVR;
+    }
+  }, {
+    key: "HasAVO",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVO > 0 ? true : false : false;
+    }
+  }, {
+    key: "HasAVU",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVU > 0 ? true : false : false;
+    }
+  }, {
+    key: "HasAVC",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVC > 0 ? true : false : false;
+    }
+  }, {
+    key: "HasAVN",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVN > 0 ? true : false : false;
+    }
+  }, {
+    key: "HasAVS",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVS > 0 ? true : false : false;
+    }
+  }, {
+    key: "SvgShapeOLF2D",
+    get: function get() {
+      return this.planElement.svgShapeOLF2D;
+    },
+    set: function set(shape) {
+      this.planElement.svgShapeOLF2D = shape;
+    }
+  }, {
+    key: "SvgShapeOLT2D",
+    get: function get() {
+      return this.planElement.svgShapeOLT2D;
+    },
+    set: function set(shape) {
+      this.planElement.svgShapeOLT2D = shape;
+    }
+  }, {
+    key: "OLTPolygon",
+    get: function get() {
+      return this.planElement.oltPolygon;
+    },
+    set: function set(polygon) {
+      this.planElement.oltPolygon = polygon;
+    }
+  }, {
+    key: "OLTTop",
+    set: function set(top) {
+      this.planElement.oltTop = top / DivaUtils__default["default"].UnitRecalc;
+    }
+  }, {
+    key: "OLTLeft",
+    set: function set(left) {
+      this.planElement.oltLeft = left / DivaUtils__default["default"].UnitRecalc;
+    }
+  }, {
+    key: "OLTWidth",
+    set: function set(width) {
+      this.planElement.oltWidth = width / DivaUtils__default["default"].UnitRecalc;
+    }
+  }, {
+    key: "OLTHeight",
+    set: function set(height) {
+      this.planElement.oltHeight = height / DivaUtils__default["default"].UnitRecalc;
+    }
+  }, {
+    key: "setupOLF",
+    value: function setupOLF(polygon, olfWidth, olfHeight) {
+      this.planElement.olfPolygon = polygon;
+      this.planElement.olfWidth = olfWidth;
+    }
+  }, {
+    key: "clearOLF",
+    value: function clearOLF() {
+      this.planElement.olfPolygon = undefined;
+      this.planElement.olfWidth = undefined;
+    }
+  }, {
+    key: "getGlobalWidth",
+    value: function getGlobalWidth() {
+      if (this.HasOLFPolygon) {
+        return this.planElement.olfWidth / DivaUtils__default["default"].UnitRecalc;
+      }
+      return this.Width;
+    }
+  }, {
+    key: "getGlobalDepth",
+    value: function getGlobalDepth() {
+      return this.Depth;
+    }
+  }, {
+    key: "HasOLTPolygon",
+    get: function get() {
+      return this.planElement.oltPolygon != null;
+    }
+  }, {
+    key: "HasOLFPolygon",
+    get: function get() {
+      return this.planElement.olfPolygon != null;
+    }
+  }, {
+    key: "svgBefore",
+    get: function get() {
+      var _this$planElement$pla11;
+      return (_this$planElement$pla11 = this.planElement.plannerData) === null || _this$planElement$pla11 === void 0 ? void 0 : _this$planElement$pla11.svgBefore;
+    },
+    set: function set(svg) {
+      if (this.planElement.plannerData) this.planElement.plannerData.svgBefore = svg;
+    }
+  }, {
+    key: "svgAfter",
+    get: function get() {
+      var _this$planElement$pla12;
+      return (_this$planElement$pla12 = this.planElement.plannerData) === null || _this$planElement$pla12 === void 0 ? void 0 : _this$planElement$pla12.svgAfter;
+    },
+    set: function set(svg) {
+      if (this.planElement.plannerData) this.planElement.plannerData.svgAfter = svg;
+    }
+  }, {
+    key: "getOLTPolygonWorldPos",
+    value: function getOLTPolygonWorldPos() {
+      if (!this.planElement.oltPolygon) return [];
+      var polygon = [];
+      for (var i = 0; i < this.planElement.oltPolygon.length; i++) {
+        var localWorldPos = new Vector2(this.planElement.oltPolygon[i].x / DivaUtils__default["default"].UnitRecalc, this.planElement.oltPolygon[i].y / DivaUtils__default["default"].UnitRecalc);
+        localWorldPos = Vector2.rotateOrigin(localWorldPos, this.RotDeg);
+        polygon.push(new Vector2(this.WorldPosCorner.x + localWorldPos.x, this.WorldPosCorner.z + localWorldPos.y));
+      }
+      return polygon;
+    }
+  }, {
+    key: "getOLFPolygonWorldPos",
+    value: function getOLFPolygonWorldPos() {
+      var polygon = [];
+      if (!this.planElement.olfPolygon) return [];
+      for (var i = 0; i < this.planElement.olfPolygon.length; i++) {
+        var localWorldPos = new Vector2(this.planElement.olfPolygon[i].x / DivaUtils__default["default"].UnitRecalc, this.planElement.olfPolygon[i].y / DivaUtils__default["default"].UnitRecalc);
+        localWorldPos = Vector2.rotateOrigin(localWorldPos, this.RotDeg);
+        polygon.push(new Vector2(this.WorldPosCorner.x + localWorldPos.x, this.WorldPosCorner.z + localWorldPos.y));
+      }
+      return polygon;
+    }
+  }, {
+    key: "SvgData",
+    get: function get() {
+      return this.planElement.svgData ? this.planElement.svgData : '';
+    },
+    set: function set(svgData) {
+      this.planElement.svgData = svgData;
+    }
+  }, {
+    key: "SvgDataOLTBase64",
+    set: function set(svgData) {
+      this.planElement.SvgDataOLTBase64 = svgData;
+    }
+  }, {
+    key: "Layer",
+    get: function get() {
+      return this.planElement.plannerData.layer;
+    }
+  }, {
+    key: "HasSvgAsHTMLCanvas",
+    get: function get() {
+      return this.planElement.svgAsHTMLCanvas == undefined ? false : true;
+    }
+  }, {
+    key: "SvgAsHTMLCanvas",
+    get: function get() {
+      return this.planElement.svgAsHTMLCanvas;
+    }
+
+    /** ---------------------------------Getter und setter for the view------------------------- */,
+    set: function set(ctx) {
+      this.planElement.svgAsHTMLCanvas = ctx;
+    }
+  }, {
+    key: "getArticleCodex",
+    value: function getArticleCodex() {
+      return this.ArticleCodex;
+    }
+  }, {
+    key: "getPosNr",
+    value: function getPosNr() {
+      return this.planElement.setPosNr;
+    }
+  }, {
+    key: "getIsDockedAccessoire",
+    value: function getIsDockedAccessoire() {
+      return this.IsDockedAccessoire;
+    }
+  }, {
+    key: "getIsNotDockedAccessoire",
+    value: function getIsNotDockedAccessoire() {
+      var _this$planElement$pla13;
+      return !!((_this$planElement$pla13 = this.planElement.plannerData) !== null && _this$planElement$pla13 !== void 0 && _this$planElement$pla13.isNotDockedAccessoire);
+    }
+  }, {
+    key: "getParentElementId",
+    value: function getParentElementId() {
+      var _this$planElement$pla14;
+      return (_this$planElement$pla14 = this.planElement.plannerData) === null || _this$planElement$pla14 === void 0 ? void 0 : _this$planElement$pla14.parentElementId;
+    }
+  }, {
+    key: "getElementId",
+    value: function getElementId() {
+      return this.planElement.elementId;
+    }
+  }, {
+    key: "getBasketId",
+    value: function getBasketId() {
+      return this.basketId;
+    }
+  }, {
+    key: "getSetId",
+    value: function getSetId() {
+      return this.planElement.setId;
+    }
+  }, {
+    key: "getWorldPosCorner",
+    value: function getWorldPosCorner() {
+      return this.WorldPosCorner;
+    }
+
+    /**
+     * This function returns the position in world coordinates of the CENTER of the plannerElement
+     */
+  }, {
+    key: "getWorldPosCenter",
+    value: function getWorldPosCenter() {
+      return this.WorldPosCenter;
+    }
+  }, {
+    key: "getRotDeg",
+    value: function getRotDeg() {
+      return this.planElement.rotDeg;
+    }
+  }, {
+    key: "getRotRad",
+    value: function getRotRad() {
+      return this.planElement.rotDeg * Math.PI / 180;
+    }
+  }, {
+    key: "getHasAVL",
+    value: function getHasAVL() {
+      return this.planElement.plannerData ? this.planElement.plannerData.hasAVL : false;
+    }
+  }, {
+    key: "getHasAVR",
+    value: function getHasAVR() {
+      return this.planElement.plannerData ? this.planElement.plannerData.hasAVR : false;
+    }
+  }, {
+    key: "getHasAVO",
+    value: function getHasAVO() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVO > 0 ? true : false : false;
+    }
+  }, {
+    key: "getHasAVU",
+    value: function getHasAVU() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVU > 0 ? true : false : false;
+    }
+  }, {
+    key: "getHasAVC",
+    value: function getHasAVC() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVC > 0 ? true : false : false;
+    }
+  }, {
+    key: "getHasAVN",
+    value: function getHasAVN() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVN > 0 ? true : false : false;
+    }
+  }, {
+    key: "getHasAVS",
+    value: function getHasAVS() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVS > 0 ? true : false : false;
+    }
+  }, {
+    key: "getFilterAVL",
+    value: function getFilterAVL() {
+      var _this$planElement$pla15;
+      return this.planElement.plannerData ? (_this$planElement$pla15 = this.planElement.plannerData) === null || _this$planElement$pla15 === void 0 ? void 0 : _this$planElement$pla15.AVLFilter : [];
+    }
+  }, {
+    key: "getFilterAVR",
+    value: function getFilterAVR() {
+      return this.planElement.plannerData ? this.planElement.plannerData.AVRFilter : [];
+    }
+  }, {
+    key: "getSVGShapeOLF2D",
+    value: function getSVGShapeOLF2D() {
+      return this.planElement.svgShapeOLF2D;
+    }
+  }, {
+    key: "getSVGShapeOLT2D",
+    value: function getSVGShapeOLT2D() {
+      return this.planElement.svgShapeOLT2D;
+    }
+  }, {
+    key: "getPlannerType",
+    value: function getPlannerType() {
+      return this.plannerType;
+    }
+
+    /**
+     * Returns the original svg XML
+     */
+  }, {
+    key: "getSVGData",
+    value: function getSVGData() {
+      return this.planElement.svgData ? this.planElement.svgData : '';
+    }
+  }, {
+    key: "getWidth",
+    value: function getWidth() {
+      return this.planElement.plannerData ? this.planElement.plannerData.width : -1;
+    }
+  }, {
+    key: "getHeight",
+    value: function getHeight() {
+      return this.planElement.plannerData ? this.planElement.plannerData.height : -1;
+    }
+  }, {
+    key: "getDepth",
+    value: function getDepth() {
+      return this.planElement.plannerData ? this.planElement.plannerData.depth : -1;
+    }
+  }, {
+    key: "getHeightOLT",
+    value: function getHeightOLT() {
+      return this.Height ? this.Height : -1;
+    }
+  }, {
+    key: "getWidthOLT",
+    value: function getWidthOLT() {
+      return this.Width ? this.Width : -1;
+    }
+  }, {
+    key: "getLayer",
+    value: function getLayer() {
+      return this.planElement.plannerData ? this.planElement.plannerData.layer : 20;
+    }
+  }, {
+    key: "hasSvgAsHtmlCanvas",
+    value: function hasSvgAsHtmlCanvas() {
+      return this.planElement.svgAsHTMLCanvas == undefined ? false : true;
+    }
+  }, {
+    key: "getSvgAsHtmlCanvas",
+    value: function getSvgAsHtmlCanvas() {
+      return this.planElement.svgAsHTMLCanvas;
+    }
+  }, {
+    key: "hasSvgDataOLTBase64",
+    value: function hasSvgDataOLTBase64() {
+      return this.planElement.SvgDataOLTBase64 != undefined && this.planElement.SvgDataOLTBase64 != '';
+    }
+  }, {
+    key: "getSvgDataOLTBase64",
+    value: function getSvgDataOLTBase64() {
+      return this.planElement.SvgDataOLTBase64 != undefined ? this.planElement.SvgDataOLTBase64 : '';
+    }
+  }, {
+    key: "getAccessoires",
+    value: function getAccessoires() {
+      var _this$planElement$pla16;
+      return this.planElement.plannerData ? (_this$planElement$pla16 = this.planElement.plannerData) === null || _this$planElement$pla16 === void 0 ? void 0 : _this$planElement$pla16.accessoireList : [];
+    }
+  }, {
+    key: "getSVGsWithFormula",
+    value: function getSVGsWithFormula() {
+      var _this$planElement$pla17;
+      return (_this$planElement$pla17 = this.planElement.plannerData) === null || _this$planElement$pla17 === void 0 ? void 0 : _this$planElement$pla17.svgsWithFormula;
+    }
+  }, {
+    key: "getVaraintValuesInfluencingAVLAVRFilter",
+    value: function getVaraintValuesInfluencingAVLAVRFilter() {
+      var _this$planElement$pla18;
+      return (_this$planElement$pla18 = this.planElement.plannerData) === null || _this$planElement$pla18 === void 0 ? void 0 : _this$planElement$pla18.varaintValuesInfluencingAVLAVRFilter;
+    }
+  }, {
+    key: "getCurrentAccessorires",
+    value: function getCurrentAccessorires() {
+      var _this$planElement$pla19;
+      return this.planElement.plannerData ? (_this$planElement$pla19 = this.planElement.plannerData) === null || _this$planElement$pla19 === void 0 ? void 0 : _this$planElement$pla19.currentAccessorires : [];
+    }
+  }]);
+}();
+
 var a$a = [{
   divaNr: 'DIVA-52553-1',
   supplier: 'ADA_U',
@@ -65615,6 +66476,7 @@ exports.DockingPoint = DockingPoint;
 exports.Grid = Grid;
 exports.HQRenderScript = HQRenderScript;
 exports.OptionCatalogData = OptionCatalogData;
+exports.PlannerElementData = PlannerElementData;
 exports.Rendering = Rendering;
 exports.Vector2 = Vector2;
 exports.Vector3 = Vector3;