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

package/build/esm/{index-949457fc.js → index-34ac60e2.js}

@@ -26,8 +26,8 @@ import _typeof from '@babel/runtime/helpers/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(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(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.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var JsonDataCache = /*#__PURE__*/function () {
   function JsonDataCache() {
@@ -238,8 +238,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);
@@ -459,7 +459,8 @@ var DivaApiHandler = /*#__PURE__*/function () {
         dontLoadDimensions: data.dontLoadDimensions,
         useIDMService: data.useIDMService,
         useEnricherService: data.useEnricherService,
-        packageId: plannerConfig.packageId
+        packageId: plannerConfig.packageId,
+        basketStatus: plannerConfig.basketStatus
       };
     }
   }, {
@@ -18640,7 +18641,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:
@@ -18705,7 +18706,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;
@@ -18878,8 +18879,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 {
@@ -18894,7 +18897,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
   };
 }
@@ -18993,8 +18997,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(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(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.initLog('Planner', 'WEB-PLANNER-LOGIC');
 function loadMoreFromIDMArticles(_x, _x2) {
   return _loadMoreFromIDMArticles.apply(this, arguments);
@@ -19278,11 +19282,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;
     })
@@ -19291,11 +19295,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;
     })
@@ -19376,8 +19380,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.getLocals(feature.featureText, set.api.getLanguageLowercase()),
     origName: DivaUtils.getLocals(feature.featureText, set.api.getLanguageLowercase()),
@@ -19396,7 +19401,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) {
@@ -19832,8 +19837,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(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(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)
@@ -20872,7 +20877,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
       });
     }
@@ -21137,12 +21142,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':
@@ -21371,7 +21376,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 = [];
@@ -21400,8 +21405,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(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(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.initLog('Planner', 'WEB-PLANNER-LOGIC');
@@ -21619,7 +21624,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);
@@ -21666,8 +21671,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(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(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; }
@@ -22404,11 +22409,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;
     }
@@ -24390,8 +24395,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(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(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; }
@@ -25005,7 +25010,7 @@ var IDMEngine = /*#__PURE__*/function () {
         nr: priceFeatureGroup.priceFeatureGroupNo,
         variantValues: this.article.VariantValues,
         text: DivaUtils.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
         })
       });
@@ -25566,8 +25571,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(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(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.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaArticle = /*#__PURE__*/function () {
   function DivaArticle(set, _basketId, initParams, articleData, catalogData) {
@@ -25807,7 +25812,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;
@@ -25816,8 +25821,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",
@@ -27503,6 +27508,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;
     }
@@ -28167,7 +28177,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]);
                 }
               }
             }
@@ -28246,7 +28256,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-ffbf54ca.js');
+              return import('./ShelfPlanner-9e0e3822.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -28845,7 +28855,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;
@@ -28873,8 +28883,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(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(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.initLog('Planner', 'WEB-PLANNER-LOGIC');
 
 //Diese Klasse verwaltet den Optionsbaum und ladelogik etc. eines Artikels
@@ -28893,7 +28903,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:
@@ -29153,7 +29163,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
@@ -30060,7 +30070,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;
@@ -31100,7 +31110,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';
@@ -31440,8 +31453,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(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(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.initLog('Planner', 'WEB-PLANNER-LOGIC');
 //plz delete me
 var DivaSet = /*#__PURE__*/function () {
@@ -31541,7 +31554,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);
@@ -32111,8 +32124,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;
     }
@@ -32744,7 +32757,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return import('./DoorPlanner-5bdbe66c.js');
+              return import('./DoorPlanner-51c94a39.js');
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -32933,8 +32946,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();
@@ -33781,8 +33794,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(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(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.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaFavoritesHandler = /*#__PURE__*/function () {
   function DivaFavoritesHandler() {
@@ -34471,7 +34484,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
                   if (targetArticle[opt] && !variantValues[opt]) variantValues[opt] = targetArticle[opt];
                 }
               }
-              configVariant = new ConfigVariantData(variant.id, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils.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.encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, setHandlerInstance.getBBoxObject(set, dimensions), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils.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 ConfigVariantData(variant.id, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils.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.encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, setHandlerInstance.getBBoxObject(set, dimensions), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils.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":
@@ -35488,10 +35501,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(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(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.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
@@ -35976,7 +35994,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:
@@ -36614,7 +36632,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:
@@ -37084,7 +37102,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: ''
           }));
@@ -37098,12 +37116,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
       });
     }
@@ -37367,7 +37385,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)
@@ -37611,7 +37629,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 break;
               }
               LOG$9.debug('calcingVariant from Option:' + optionCodex + ' and index: ' + index + ' hash hit!', dataHash, [].concat(hashVariantValues, _toConsumableArray(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
               }));
@@ -37933,7 +37951,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:
@@ -38298,7 +38316,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,
@@ -38620,7 +38638,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' : '')
       });
     }
@@ -38676,8 +38694,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(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(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.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaBasketHandler = /*#__PURE__*/function () {
   function DivaBasketHandler(plannerConfig) {
@@ -39132,15 +39150,15 @@ var DivaBasketHandler = /*#__PURE__*/function () {
     value: function () {
       var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.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!');
@@ -39158,6 +39176,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 = nanoid();
               if (this.plannerConfig.addDivaNr || this.plannerConfig.productId) {
                 for (i = 0; i < basket.OrderSets.length; i++) {
@@ -39171,22 +39192,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();
@@ -39197,14 +39218,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.bridge) DivaUtils.bridge.sendMessage({
                 type: 'ABN',
                 bEvent: {
@@ -39214,31 +39235,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 BasketData(basket);
               this.baskets[newDivaNr].clearRenderData();
               if (!keepOldDivaNr) this.divaNr = newDivaNr;
@@ -39247,9 +39268,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();
           }
@@ -39284,7 +39305,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
     key: "loadBasketByCatalogCodex",
     value: function () {
       var _loadBasketByCatalogCodex = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(api) {
-        var _this$plannerConfig$s8;
+        var _this$plannerConfig$s9;
         var newBasket, _this$baskets$this$di;
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -39295,11 +39316,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:
@@ -39533,7 +39554,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
     key: "saveToBasket",
     value: function () {
       var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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.wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -39545,7 +39566,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               actBasket.PrintOptions = api.getPrintOptions(this.reportConfig, !!arReady);
               actBasket.ClientLanguage = api.getLanguage();
               _context11.next = 8;
-              return DivaUtils.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.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;
@@ -39699,7 +39720,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,
@@ -39724,7 +39745,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-fd75b316.js');
+              return import('./PfisterWWSHandler-764e2866.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -39732,7 +39753,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-1a326919.js');
+              return import('./LiviqueWWSHandler-67cd9cc6.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -39740,7 +39761,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-def7e867.js');
+              return import('./SeriousBasketHandler-5de88b02.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -39748,7 +39769,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-91ba6b7c.js');
+              return import('./StandardWWSHandler-36fdcc6c.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -39768,8 +39789,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(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(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.initLog('Products', 'WEB-PLANNER-LOGIC');
 var DivaProductHandler = /*#__PURE__*/function () {
   function DivaProductHandler() {
@@ -39814,7 +39835,7 @@ var DivaProductHandler = /*#__PURE__*/function () {
                 })
               };
               _context.next = 12;
-              return api.getDataCache(api.checkMatchingProducts(), md5(JSON.stringify(_objectSpread$7(_objectSpread$7({}, data), {}, {
+              return api.getDataCache(api.checkMatchingProducts(), md5(JSON.stringify(_objectSpread$8(_objectSpread$8({}, data), {}, {
                 organizationId: api.OrganizationId
               }))), '', 'catalog', 'POST', data);
             case 12:
@@ -40916,8 +40937,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(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(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; }
@@ -41177,7 +41198,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-b3bc2b02.js');
+              return import('./Host3DSignalR-d90e198d.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -41669,8 +41690,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
@@ -41836,12 +41857,12 @@ var PlannerHandler3D = /*#__PURE__*/function () {
     key: "getProductHash",
     value: function getProductHash(planningData) {
       return 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
             });
           })
@@ -42028,7 +42049,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.ConfigurationId ? '&configurationId=' + DivaUtils.ConfigurationId : '';
@@ -42735,7 +42756,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-a186b727.js');
+              return import('./DivaStandardPlanner-ac2f8d99.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -42746,7 +42767,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-b09f2e76.js');
+              return import('./DivaBoxPlanner-8dc0cf54.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -43731,8 +43752,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(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(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. 
@@ -44079,7 +44100,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({}, (!set.CatalogData.isIDMFormat ? 'OPT' : '') + 'PLANNERSWITCH', (!set.CatalogData.isIDMFormat ? 'OPT' : '') + articleCodex));
+              initParams.variantValues = _objectSpread$6(_objectSpread$6({}, variantValues), {}, _defineProperty({}, (!set.CatalogData.isIDMFormat ? 'OPT' : '') + 'PLANNERSWITCH', (!set.CatalogData.isIDMFormat ? 'OPT' : '') + articleCodex));
               _context4.next = 11;
               return setHandlerInstance.addPlannerElement(set, articleCodex, initParams);
             case 11:
@@ -46596,7 +46617,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
                 },
@@ -47456,8 +47477,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(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(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(this, Grid);
@@ -48665,7 +48686,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
         });
       });
@@ -48699,6 +48720,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(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(this, PlannerElementData);
+    _defineProperty(this, "planElement", void 0);
+    _defineProperty(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(this, "dockingPoints", void 0);
+    //This map saves all docking Points accessioated to a type
+    _defineProperty(this, "tempDockingPoints", void 0);
+    //When reloading the element this array saves the previous docking points for redocking
+    _defineProperty(this, "plannerType", void 0);
+    _defineProperty(this, "basketId", void 0);
+    _defineProperty(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(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 = 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 = 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.UnitRecalc;
+    }
+  }, {
+    key: "OLTLeft",
+    set: function set(left) {
+      this.planElement.oltLeft = left / DivaUtils.UnitRecalc;
+    }
+  }, {
+    key: "OLTWidth",
+    set: function set(width) {
+      this.planElement.oltWidth = width / DivaUtils.UnitRecalc;
+    }
+  }, {
+    key: "OLTHeight",
+    set: function set(height) {
+      this.planElement.oltHeight = height / DivaUtils.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.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.UnitRecalc, this.planElement.oltPolygon[i].y / DivaUtils.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.UnitRecalc, this.planElement.olfPolygon[i].y / DivaUtils.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',
@@ -65587,4 +66448,4 @@ var getOrigProductId = /*#__PURE__*/function () {
   };
 }();
 
-export { BoundingBox as B, Cell as C, DockingPoint as D, Grid as G, HQRenderScript as H, OptionCatalogData as O, Rendering as R, Vector3 as V, articleHandlerInstance as a, setHandlerInstance as b, Vector2 as c, DivaWebPlanner as d, DivaArticle as e, DivaCatalogData as f, DivaBasketHandler as g, CatalogPlannerArticleData as h, Vector4 as i, creatRenderOrders as j, getOrigProductId as k, loadAndRepairBasket as l, summaryHandlerInstance as s };
+export { BoundingBox as B, Cell as C, DockingPoint as D, Grid as G, HQRenderScript as H, OptionCatalogData as O, PlannerElementData as P, Rendering as R, Vector3 as V, articleHandlerInstance as a, setHandlerInstance as b, Vector2 as c, DivaWebPlanner as d, DivaArticle as e, DivaCatalogData as f, DivaBasketHandler as g, CatalogPlannerArticleData as h, Vector4 as i, creatRenderOrders as j, getOrigProductId as k, loadAndRepairBasket as l, summaryHandlerInstance as s };