@crystaldesign/web-planner-logic 25.10.0-beta.17 → 25.10.0-beta.19

package/build/cjs/{index-beec9a79.js → index-48339e17.js}

@@ -43,8 +43,8 @@ var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 })();
 
 var _excluded = ["type"];
-function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$p = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var JsonDataCache = /*#__PURE__*/function () {
   function JsonDataCache() {
@@ -255,8 +255,8 @@ var DivaApiHandler = /*#__PURE__*/function () {
               if (this.getApplicationEnvironment() == 'WEB' && (_this$apiConfig2 = this.apiConfig) !== null && _this$apiConfig2 !== void 0 && _this$apiConfig2.api2.web) {
                 api2Url = this.apiConfig.api2.web;
               }
-              _context2.t0 = _objectSpread$j;
-              _context2.t1 = _objectSpread$j({}, init.config.headers);
+              _context2.t0 = _objectSpread$k;
+              _context2.t1 = _objectSpread$k({}, init.config.headers);
               _context2.t2 = {};
               _context2.next = 21;
               return this.getSessionGuid('V', undefined, this.OrganizationId, api2Url);
@@ -19014,8 +19014,8 @@ function getArticleOptionValueType(codex, jsonOPV, catalogOPV, myArticle, isPare
   return opv;
 }
 
-function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$k = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 function loadMoreFromIDMArticles(_x, _x2) {
   return _loadMoreFromIDMArticles.apply(this, arguments);
@@ -19299,11 +19299,11 @@ var getPriceFeatureGroups = function getPriceFeatureGroups(catalogArticleDatas,
 var initializeDecision = function initializeDecision(decision, idmOptionGroups) {
   var _decision$optionCombi;
   var optionCombinations = (_decision$optionCombi = decision.optionCombinations) === null || _decision$optionCombi === void 0 ? void 0 : _decision$optionCombi.map(function (c) {
-    return _objectSpread$i(_objectSpread$i({}, c), {}, {
+    return _objectSpread$j(_objectSpread$j({}, c), {}, {
       projectOptionsSetRefs: parseOptionSetRef(c.projectOptionsSetRefs, idmOptionGroups)
     });
   });
-  return _objectSpread$i(_objectSpread$i({}, decision), {}, {
+  return _objectSpread$j(_objectSpread$j({}, decision), {}, {
     optionCombinations: optionCombinations === null || optionCombinations === void 0 ? void 0 : optionCombinations.sort(function (a, b) {
       return a.sequence - b.sequence;
     })
@@ -19312,11 +19312,11 @@ var initializeDecision = function initializeDecision(decision, idmOptionGroups)
 var initializePriceFeatureGroups = function initializePriceFeatureGroups(priceFeatureGroup, idmOptionGroups) {
   var _priceFeatureGroup$pr;
   var finishes = (_priceFeatureGroup$pr = priceFeatureGroup.projectFinishes) === null || _priceFeatureGroup$pr === void 0 ? void 0 : _priceFeatureGroup$pr.map(function (c) {
-    return _objectSpread$i(_objectSpread$i({}, c), {}, {
+    return _objectSpread$j(_objectSpread$j({}, c), {}, {
       projectOptionsSetRefs: c.optionsSetRef ? parseOptionSetRef(c.optionsSetRef, idmOptionGroups) : []
     });
   });
-  return _objectSpread$i(_objectSpread$i({}, priceFeatureGroup), {}, {
+  return _objectSpread$j(_objectSpread$j({}, priceFeatureGroup), {}, {
     projectFinishes: finishes === null || finishes === void 0 ? void 0 : finishes.sort(function (a, b) {
       return a.sequence - b.sequence;
     })
@@ -19854,8 +19854,8 @@ function initCatalogPlannerArticleView(catalogData, catPlanArticle, catalogProps
   });
 }
 
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 /*
 Diese KLasse enthält Inforamtion zu einem Catalog (C)
@@ -20894,7 +20894,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
   }, {
     key: "setVariantsPriceByHash",
     value: function setVariantsPriceByHash(hash, data) {
-      this.variantsPriceHashObj[hash] = _objectSpread$h(_objectSpread$h({}, data), {}, {
+      this.variantsPriceHashObj[hash] = _objectSpread$i(_objectSpread$i({}, data), {}, {
         calcTime: -1
       });
     }
@@ -21393,7 +21393,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
 var mapMask = function mapMask(mask) {
   var _mappedMask$catalog;
   if (!mask) return undefined;
-  var mappedMask = _objectSpread$h({}, mask);
+  var mappedMask = _objectSpread$i({}, mask);
   var mapProperties = function mapProperties(props) {
     if (Array.isArray(props)) return props;
     var mappedProps = [];
@@ -21422,8 +21422,8 @@ var mapMask = function mapMask(mask) {
   return mappedMask;
 };
 
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 //import IDMCatalogData from '../model/Catalog/IDMCatalogData';
 
 var LOG$h = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
@@ -21641,7 +21641,7 @@ var DivaCatalogHandler = /*#__PURE__*/function () {
               }
               throw new Error('Serie not found: ' + serieNo);
             case 11:
-              catalogData = new DivaCatalogData(_objectSpread$g(_objectSpread$g({}, serieData[0]), {}, {
+              catalogData = new DivaCatalogData(_objectSpread$h(_objectSpread$h({}, serieData[0]), {}, {
                 catalogData: catalogApiData
               }), serieNo, orderSet, state.api, itemsList, undefined, true, additionalModelInfos);
               return _context4.abrupt("return", catalogData);
@@ -21688,8 +21688,8 @@ var DivaCatalogHandler = /*#__PURE__*/function () {
 }();
 var catalogHandlerInstance = new DivaCatalogHandler();
 
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
 function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -22426,11 +22426,11 @@ var ArticleOptionStateData = /*#__PURE__*/function () {
     key: "cloneOptionState",
     value: function cloneOptionState(getIsConfigSingle) {
       var clonedOps = new ArticleOptionStateData(this.option, getIsConfigSingle);
-      clonedOps.articleOptionState = _objectSpread$f(_objectSpread$f({}, this.articleOptionState), {}, {
-        imageOPVs: _objectSpread$f({}, this.articleOptionState.imageOPVs),
+      clonedOps.articleOptionState = _objectSpread$g(_objectSpread$g({}, this.articleOptionState), {}, {
+        imageOPVs: _objectSpread$g({}, this.articleOptionState.imageOPVs),
         visibleOPVs: new Map(this.articleOptionState.visibleOPVs),
         visibleOPVsImages: new Map(this.articleOptionState.visibleOPVsImages),
-        favoriteOPVs: _objectSpread$f({}, this.articleOptionState.favoriteOPVs)
+        favoriteOPVs: _objectSpread$g({}, this.articleOptionState.favoriteOPVs)
       });
       return clonedOps;
     }
@@ -24412,8 +24412,8 @@ var DivaEngine = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
 function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -25027,7 +25027,7 @@ var IDMEngine = /*#__PURE__*/function () {
         nr: priceFeatureGroup.priceFeatureGroupNo,
         variantValues: this.article.VariantValues,
         text: DivaUtils__default["default"].getLocals(priceFeatureGroup.priceFeatureGroupText, this.article.set.api.getLanguage()) + ' ' + (finish ? (_this$article$catalog3 = this.article.catalogArticle.idmPrices) === null || _this$article$catalog3 === void 0 || (_this$article$catalog3 = _this$article$catalog3.prices['PRFG' + priceFeatureGroup.priceFeatureGroupNo + '_' + finish.priceField]) === null || _this$article$catalog3 === void 0 ? void 0 : _this$article$catalog3.toString() : ''),
-        priceFeatureGroup: _objectSpread$e(_objectSpread$e({}, priceFeatureGroup), {}, {
+        priceFeatureGroup: _objectSpread$f(_objectSpread$f({}, priceFeatureGroup), {}, {
           activeCombination: finish === null || finish === void 0 ? void 0 : finish.sequence
         })
       });
@@ -25588,8 +25588,8 @@ var IDMEngine = /*#__PURE__*/function () {
 function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
 function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$e = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaArticle = /*#__PURE__*/function () {
   function DivaArticle(set, _basketId, initParams, articleData, catalogData) {
@@ -25829,7 +25829,7 @@ var DivaArticle = /*#__PURE__*/function () {
         var partlistArticle = this.partlistArticles[basketId];
         if (!onlyVisible || partlistArticle.partlistArticleVisibleInTree || !excludeStandalonePla && partlistArticle.partlistArticleStandalone) partlistArticles[basketId] = partlistArticle;
         if (partlistArticle.hasPartlistArticle) {
-          partlistArticles = _objectSpread$d(_objectSpread$d({}, partlistArticles), partlistArticle.getRecursivePartlistArticles(onlyVisible, excludeStandalonePla));
+          partlistArticles = _objectSpread$e(_objectSpread$e({}, partlistArticles), partlistArticle.getRecursivePartlistArticles(onlyVisible, excludeStandalonePla));
         }
       }
       return partlistArticles;
@@ -25838,8 +25838,8 @@ var DivaArticle = /*#__PURE__*/function () {
     key: "variantValuesForPla",
     value: function variantValuesForPla(configurationMode, previousPartlistArticleVariantValues, newConfigValues) {
       //if configurationMode is true its previous values are more important than the values of the parentelement because its standalone configurable
-      if (configurationMode) return _objectSpread$d(_objectSpread$d({}, newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {}), previousPartlistArticleVariantValues !== null && previousPartlistArticleVariantValues !== void 0 ? previousPartlistArticleVariantValues : {});
-      return _objectSpread$d(_objectSpread$d({}, previousPartlistArticleVariantValues !== null && previousPartlistArticleVariantValues !== void 0 ? previousPartlistArticleVariantValues : {}), newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {});
+      if (configurationMode) return _objectSpread$e(_objectSpread$e({}, newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {}), previousPartlistArticleVariantValues !== null && previousPartlistArticleVariantValues !== void 0 ? previousPartlistArticleVariantValues : {});
+      return _objectSpread$e(_objectSpread$e({}, previousPartlistArticleVariantValues !== null && previousPartlistArticleVariantValues !== void 0 ? previousPartlistArticleVariantValues : {}), newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {});
     }
   }, {
     key: "partlistArticlesAsArray",
@@ -28189,7 +28189,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]);
                 }
               }
             }
@@ -28268,7 +28268,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-c9e399cf.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-45fdd5ee.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -28867,7 +28867,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;
@@ -28895,8 +28895,8 @@ var DivaArticle = /*#__PURE__*/function () {
 function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
 function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$d = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 
 //Diese Klasse verwaltet den Optionsbaum und ladelogik etc. eines Artikels
@@ -28915,7 +28915,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:
@@ -29175,7 +29175,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
@@ -30082,7 +30082,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;
@@ -31465,8 +31465,8 @@ var DivaConfigTreeData = /*#__PURE__*/function () {
 function _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
 function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$b = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 //plz delete me
 var DivaSet = /*#__PURE__*/function () {
@@ -31566,7 +31566,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);
@@ -32136,8 +32136,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;
     }
@@ -32769,7 +32769,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-66e84eb5.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-5ab59c7b.js'); });
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -32958,8 +32958,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();
@@ -33806,8 +33806,8 @@ var SummaryHandler = /*#__PURE__*/function () {
 }();
 var summaryHandlerInstance = new SummaryHandler();
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaFavoritesHandler = /*#__PURE__*/function () {
   function DivaFavoritesHandler() {
@@ -34496,7 +34496,7 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
                   if (targetArticle[opt] && !variantValues[opt]) variantValues[opt] = targetArticle[opt];
                 }
               }
-              configVariant = new basketModel.ConfigVariantData(variant.id, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils__default["default"].encodeBase64(set.plannerHandler.getProject3D(set.getSetId())), set.getVariantsDescription(), set.SetArticleNr, set.getSetPrice(), set.setHash, 1, set.getVariantBasketData(), articleHandlerInstance.getCompactOrderLine(_objectSpread$a(_objectSpread$a({}, set.getDivaArticles()), set.getPartlistArticlesOfSet())), variantValues, summaryHandlerInstance.convertSummaryItemsToSummaryInfo(set), plannerData != undefined ? DivaUtils__default["default"].encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, setHandlerInstance.getBBoxObject(set, dimensions), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils__default["default"].stripTagsFromDict(set.getVariantsDescription_locales()), (_basket$OrderSets$set = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set === void 0 || (_basket$OrderSets$set = _basket$OrderSets$set[set.basketConfigVariants.length]) === null || _basket$OrderSets$set === void 0 ? void 0 : _basket$OrderSets$set.SetOrderText, (_basket$OrderSets$set2 = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set2 === void 0 || (_basket$OrderSets$set2 = _basket$OrderSets$set2[set.basketConfigVariants.length]) === null || _basket$OrderSets$set2 === void 0 ? void 0 : _basket$OrderSets$set2.SetOrderText_locales);
+              configVariant = new basketModel.ConfigVariantData(variant.id, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils__default["default"].encodeBase64(set.plannerHandler.getProject3D(set.getSetId())), set.getVariantsDescription(), set.SetArticleNr, set.getSetPrice(), set.setHash, 1, set.getVariantBasketData(), articleHandlerInstance.getCompactOrderLine(_objectSpread$b(_objectSpread$b({}, set.getDivaArticles()), set.getPartlistArticlesOfSet())), variantValues, summaryHandlerInstance.convertSummaryItemsToSummaryInfo(set), plannerData != undefined ? DivaUtils__default["default"].encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, setHandlerInstance.getBBoxObject(set, dimensions), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils__default["default"].stripTagsFromDict(set.getVariantsDescription_locales()), (_basket$OrderSets$set = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set === void 0 || (_basket$OrderSets$set = _basket$OrderSets$set[set.basketConfigVariants.length]) === null || _basket$OrderSets$set === void 0 ? void 0 : _basket$OrderSets$set.SetOrderText, (_basket$OrderSets$set2 = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set2 === void 0 || (_basket$OrderSets$set2 = _basket$OrderSets$set2[set.basketConfigVariants.length]) === null || _basket$OrderSets$set2 === void 0 ? void 0 : _basket$OrderSets$set2.SetOrderText_locales);
               set.basketConfigVariants.push(configVariant);
             case 31:
             case "end":
@@ -35513,10 +35513,15 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
 }();
 var configTreeHandler = new DivaConfigTreeHandler();
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$9 = DivaUtils__default["default"].initLog('Planner', 'DIVA-SET-HANDLER');
 
+/**
+ * This interface describes planner elements for the view, that are not planned but visualized through the 3D Exe.
+ * This can be accessoires in the shelf planner.They do not have a SVG but are sent to the 3D Exe as single elements.
+ * The parentElementId can be a string when working with shelf planner inside the shelf planner (T element)
+ */
 /*
     Diese Klasse speichert alle Sets, die in einer Planung sind
     WICHTIG: jedes Set kann einen anderen Katalog haben
@@ -36001,7 +36006,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:
@@ -36639,7 +36644,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:
@@ -37109,7 +37114,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: ''
           }));
@@ -37123,12 +37128,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
       });
     }
@@ -37392,7 +37397,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)
@@ -37636,7 +37641,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 break;
               }
               LOG$9.debug('calcingVariant from Option:' + optionCodex + ' and index: ' + index + ' hash hit!', dataHash, [].concat(hashVariantValues, _toConsumableArray__default["default"](Object.values(totalConfig))), targetArticles);
-              return _context27.abrupt("return", _objectSpread$9(_objectSpread$9({}, dataHash), {}, {
+              return _context27.abrupt("return", _objectSpread$a(_objectSpread$a({}, dataHash), {}, {
                 origPrice: origPrice,
                 firstPrice: firstPrice
               }));
@@ -37958,7 +37963,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:
@@ -38323,7 +38328,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,
@@ -38645,7 +38650,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' : '')
       });
     }
@@ -38701,8 +38706,8 @@ var setHandlerInstance = new DivaSetHandler();
 function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
 function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$8 = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaBasketHandler = /*#__PURE__*/function () {
   function DivaBasketHandler(plannerConfig) {
@@ -39163,7 +39168,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
             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 = 51;
                 break;
@@ -39727,7 +39732,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,
@@ -39752,7 +39757,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-9a523e18.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-e995f1a4.js'); });
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -39760,7 +39765,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-67cff226.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-34307071.js'); });
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -39768,7 +39773,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-7185c401.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-69b52486.js'); });
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -39776,7 +39781,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-49d2f0fa.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-e9ea0835.js'); });
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -39796,8 +39801,8 @@ var DivaBasketHandler = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$7 = DivaUtils__default["default"].initLog('Products', 'WEB-PLANNER-LOGIC');
 var DivaProductHandler = /*#__PURE__*/function () {
   function DivaProductHandler() {
@@ -39842,7 +39847,7 @@ var DivaProductHandler = /*#__PURE__*/function () {
                 })
               };
               _context.next = 12;
-              return api.getDataCache(api.checkMatchingProducts(), DivaUtils.md5(JSON.stringify(_objectSpread$7(_objectSpread$7({}, data), {}, {
+              return api.getDataCache(api.checkMatchingProducts(), DivaUtils.md5(JSON.stringify(_objectSpread$8(_objectSpread$8({}, data), {}, {
                 organizationId: api.OrganizationId
               }))), '', 'catalog', 'POST', data);
             case 12:
@@ -40944,8 +40949,8 @@ var HQRenderScript = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -41205,7 +41210,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return Promise.resolve().then(function () { return require('./Host3DSignalR-e5f3c0fa.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-14301399.js'); });
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -41697,8 +41702,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
@@ -41864,12 +41869,12 @@ var PlannerHandler3D = /*#__PURE__*/function () {
     key: "getProductHash",
     value: function getProductHash(planningData) {
       return DivaUtils.md5(JSON.stringify(planningData.SCE.ROO[0].SET.map(function (set) {
-        return _objectSpread$6(_objectSpread$6({}, set), {}, {
+        return _objectSpread$7(_objectSpread$7({}, set), {}, {
           TechSize: undefined,
           ShowDim: undefined,
           AlternateImg: undefined,
           ELE: set.ELE.map(function (el) {
-            return _objectSpread$6(_objectSpread$6({}, el), {}, {
+            return _objectSpread$7(_objectSpread$7({}, el), {}, {
               TechSize: undefined
             });
           })
@@ -42056,7 +42061,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
                           });
                           _this2.liveArSocket.on('connected', function (data) {
                             LOG$4.debug('AR Socket connected ' + data.connectionId);
-                            _this2.liveArSocket.auth = _objectSpread$6(_objectSpread$6({}, _this2.liveArSocket.auth), {}, {
+                            _this2.liveArSocket.auth = _objectSpread$7(_objectSpread$7({}, _this2.liveArSocket.auth), {}, {
                               connectionId: data.connectionId
                             });
                             var applyConfiguratorSessionId = DivaUtils__default["default"].ConfigurationId ? '&configurationId=' + DivaUtils__default["default"].ConfigurationId : '';
@@ -42763,7 +42768,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-8b5d9d28.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-f09fa7e9.js'); });
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -42774,7 +42779,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-daf135d3.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-fc5a962d.js'); });
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -43759,8 +43764,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
   Das ist der Konstruktor für den ganzen Web Planner. 
   Er baut alle Klassen und initialisiert sie. 
@@ -44107,7 +44112,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               deletionResult = _context4.sent;
               (_this$actions7 = _this.actions) === null || _this$actions7 === void 0 || (_this$actions7$toggle = _this$actions7.toggleLoading) === null || _this$actions7$toggle === void 0 || _this$actions7$toggle.call(_this$actions7, 'plannerswitch' + articleCodex, false, true);
               initParams.oldPlannerTransform = deletionResult.oldTransform;
-              initParams.variantValues = _objectSpread$5(_objectSpread$5({}, variantValues), {}, _defineProperty__default["default"]({}, (!set.CatalogData.isIDMFormat ? 'OPT' : '') + 'PLANNERSWITCH', (!set.CatalogData.isIDMFormat ? 'OPT' : '') + articleCodex));
+              initParams.variantValues = _objectSpread$6(_objectSpread$6({}, variantValues), {}, _defineProperty__default["default"]({}, (!set.CatalogData.isIDMFormat ? 'OPT' : '') + 'PLANNERSWITCH', (!set.CatalogData.isIDMFormat ? 'OPT' : '') + articleCodex));
               _context4.next = 11;
               return setHandlerInstance.addPlannerElement(set, articleCodex, initParams);
             case 11:
@@ -46624,7 +46629,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
                 },
@@ -47484,8 +47489,8 @@ var Cell = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Grid = /*#__PURE__*/function () {
   function Grid(index, article, data) {
     _classCallCheck__default["default"](this, Grid);
@@ -48693,7 +48698,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
         });
       });
@@ -48727,6 +48732,869 @@ var Grid = /*#__PURE__*/function () {
   }]);
 }();
 
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PlannerElementData = /*#__PURE__*/function () {
+  function PlannerElementData(setId, basketId, _elementId, plannerType) {
+    _classCallCheck__default["default"](this, PlannerElementData);
+    _defineProperty__default["default"](this, "planElement", void 0);
+    _defineProperty__default["default"](this, "plannerStateHash", void 0);
+    //this value saves the state of the plannerData - used to check if plannerData state changed
+    // private dockingPoints: Map<string, DockingPoint[]>; //This map saves all docking Points accessioated to a type
+    _defineProperty__default["default"](this, "dockingPoints", void 0);
+    //This map saves all docking Points accessioated to a type
+    _defineProperty__default["default"](this, "tempDockingPoints", void 0);
+    //When reloading the element this array saves the previous docking points for redocking
+    _defineProperty__default["default"](this, "plannerType", void 0);
+    _defineProperty__default["default"](this, "basketId", void 0);
+    _defineProperty__default["default"](this, "doSetWidthFromSVG", void 0);
+    _defineProperty__default["default"](this, "doSetDepthFromSVG", 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,
+      oltDepth: 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;
+    this.doSetDepthFromSVG = false;
+  }
+  return _createClass__default["default"](PlannerElementData, [{
+    key: "destroy",
+    value: function destroy() {
+      this.planElement.svgShapeOLF2D = null;
+      this.planElement.svgShapeOLT2D = null;
+      this.planElement.svgAsHTMLCanvas = undefined;
+      this.dockingPoints = [];
+      this.tempDockingPoints = [];
+    }
+  }, {
+    key: "getTempDockingPoints",
+    value: function getTempDockingPoints() {
+      return this.tempDockingPoints;
+    }
+  }, {
+    key: "clearTempDockingPoints",
+    value: function clearTempDockingPoints() {
+      this.tempDockingPoints = [];
+    }
+  }, {
+    key: "getDockingPoints",
+    value: function getDockingPoints() {
+      return this.dockingPoints;
+    }
+
+    /**
+     * This function returns true if any docking Point of the type is docking. For example, the type is AVL. if no AVL is docking - return false. If at least one AVL is docking - return true.
+     * @param type Type of the docking point
+     */
+  }, {
+    key: "dockingTypeIsDocking",
+    value: function dockingTypeIsDocking(type) {
+      var dockingPoints = this.getDockingPointsByType(type);
+      for (var i = 0; i < dockingPoints.length; i++) {
+        if (dockingPoints[i].IsDocking) return true;
+      }
+      return false;
+    }
+
+    /**
+     * This function returns all docking DPs of a specific type.
+     * @param type  The type of the docking Point , e.g. AVL
+     */
+  }, {
+    key: "getDockingDockingPointsByType",
+    value: function getDockingDockingPointsByType(type) {
+      var dockingPoints = this.getDockingPointsByType(type);
+      var ret = [];
+      for (var i = 0; i < dockingPoints.length; i++) {
+        if (dockingPoints[i].IsDocking) ret.push(dockingPoints[i]);
+      }
+      return ret;
+    }
+
+    /**
+     * This function returns all docking DPs of any type.
+     */
+  }, {
+    key: "getDockingDockingPoints",
+    value: function getDockingDockingPoints() {
+      var ret = [];
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        if (this.dockingPoints[i].IsDocking) ret.push(this.dockingPoints[i]);
+      }
+      return ret;
+    }
+
+    /**
+     * This function returns all notDocking DPs of a specific type.
+     * @param type  The type of the docking Point , e.g. AVL
+     */
+  }, {
+    key: "getFreeDockingPointsByType",
+    value: function getFreeDockingPointsByType(type) {
+      var dockingPoints = this.getDockingPointsByType(type);
+      var ret = [];
+      for (var i = 0; i < dockingPoints.length; i++) {
+        if (!dockingPoints[i].IsDocking) ret.push(dockingPoints[i]);
+      }
+      return ret;
+    }
+
+    /**
+     * This function returns the free docking with the specific type and number
+     * @param type
+     * @param number
+     */
+  }, {
+    key: "getFreeDockingPointByTypeAndNumber",
+    value: function getFreeDockingPointByTypeAndNumber(type, number) {
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        if (!this.dockingPoints[i].IsDocking && this.dockingPoints[i].Type == type && this.dockingPoints[i].Number == number) return this.dockingPoints[i];
+      }
+      return undefined;
+    }
+
+    /**
+     * This function returns all docking points of the element. It returns docking and not docking points with any type.
+     */
+  }, {
+    key: "getAllDockingPoints",
+    value: function getAllDockingPoints() {
+      return this.dockingPoints;
+    }
+  }, {
+    key: "getDockingPointsByType",
+    value: function getDockingPointsByType(type) {
+      var dps = [];
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        if (this.dockingPoints[i].Type == type) {
+          dps.push(this.dockingPoints[i]);
+        }
+      }
+      return dps;
+    }
+  }, {
+    key: "getDockingPointById",
+    value: function getDockingPointById(id) {
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        if (this.dockingPoints[i].DpId == id) {
+          return this.dockingPoints[i];
+        }
+      }
+      return undefined;
+    }
+    /**
+     * This function retuns the DockingPoint info in a string format that is used for the 3D image rendering planningData.
+     */
+  }, {
+    key: "getDockingPointJS3D",
+    value: function getDockingPointJS3D() {
+      var dpJS = '';
+      for (var i = 0; i < this.dockingPoints.length; i++) {
+        var dockingPoint = this.dockingPoints[i];
+        if (dockingPoint.IsDocking) {
+          if (dpJS != '') dpJS += ',';
+          dpJS += dockingPoint.Name + ':' + 'E' + dockingPoint.OnElementId;
+        }
+      }
+      return dpJS;
+    }
+  }, {
+    key: "ArticleCodex",
+    get: function get() {
+      var _this$planElement$pla, _this$planElement$pla2;
+      return (_this$planElement$pla = this.planElement.plannerData) !== null && _this$planElement$pla !== void 0 && _this$planElement$pla.articleCodex ? (_this$planElement$pla2 = this.planElement.plannerData) === null || _this$planElement$pla2 === void 0 ? void 0 : _this$planElement$pla2.articleCodex : '';
+    }
+    /**
+     * Returns true if the accessoire is docked to another element in the planner (relatedToBasketID is set).
+     */
+  }, {
+    key: "IsDockedAccessoire",
+    get: function get() {
+      return this.planElement.plannerData ? this.planElement.plannerData.isAccessoire : false;
+    }
+
+    //this.planElement.plannerData && this.planElement.plannerData.isAccessoire -> Becomes true if the accessoire is placed in the planner and docked to an element - this must not be true when loading the accessoire for the first time
+    //this.planElement.plannerData?.filterType == "Accessoire" -> This is always true - The Accesssoire article is listed as accessoire
+  }, {
+    key: "IsAccessoire",
+    get: function get() {
+      var _this$planElement$pla3, _this$planElement$pla4;
+      return ((_this$planElement$pla3 = this.planElement.plannerData) === null || _this$planElement$pla3 === void 0 ? void 0 : _this$planElement$pla3.filterType) == 'Accessoire' || ((_this$planElement$pla4 = this.planElement.plannerData) === null || _this$planElement$pla4 === void 0 ? void 0 : _this$planElement$pla4.isAccessoire);
+    }
+  }, {
+    key: "FilterAVL",
+    get: function get() {
+      return this.getFilterAVL();
+    }
+  }, {
+    key: "FilterAVR",
+    get: function get() {
+      return this.getFilterAVR();
+    }
+  }, {
+    key: "PosNr",
+    get: function get() {
+      return this.planElement.posNr;
+    },
+    set: function set(posNr) {
+      this.planElement.posNr = posNr;
+    }
+  }, {
+    key: "SetPosNr",
+    set: function set(setPosNr) {
+      this.planElement.setPosNr = setPosNr;
+    }
+  }, {
+    key: "AccessoirePosNr",
+    get: function get() {
+      return this.planElement.posNrAcc != undefined ? this.planElement.posNrAcc : -1;
+    },
+    set: function set(posNr) {
+      this.planElement.posNrAcc = posNr;
+    }
+  }, {
+    key: "WorldPosCenter",
+    get: function get() {
+      return this.planElement.worldPosCenter;
+    },
+    set: function set(pos) {
+      this.planElement.worldPosCenter = pos;
+    }
+  }, {
+    key: "WorldPosCenterIgnoreOLF",
+    get: function get() {
+      var olfCorner = this.WorldPosCorner;
+      var centerDir = new Vector2(this.planElement.oltLeft + this.planElement.oltWidth / 2.0, this.planElement.oltTop + this.planElement.oltDepth / 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 ((data === null || data === void 0 ? void 0 : data.depth) == undefined || data.depth == -1) {
+        this.doSetDepthFromSVG = true;
+      } else {
+        this.doSetDepthFromSVG = false;
+      }
+      if (this.planElement.plannerData == null && data != null) {
+        this.planElement.plannerData = data;
+        this.plannerStateHash = DivaUtils.md5(JSON.stringify(this.planElement.plannerData));
+        return true;
+      }
+      if (data != null) this.planElement.plannerData = data;
+      if (!this.planElement.plannerData) return false;
+      var plannerDataForCache = _objectSpread$4(_objectSpread$4({}, this.planElement.plannerData), {}, {
+        currentAccessorires: []
+      });
+      var currentHash = DivaUtils.md5(JSON.stringify(plannerDataForCache));
+      if (this.plannerStateHash != currentHash) {
+        this.plannerStateHash = currentHash;
+        return true;
+      }
+      return false;
+    }
+  }, {
+    key: "cleanShapeOLF2D",
+    value: function cleanShapeOLF2D() {
+      this.planElement.svgShapeOLF2D = undefined;
+    }
+  }, {
+    key: "cleanShapeOLT2D",
+    value: function cleanShapeOLT2D() {
+      this.planElement.svgShapeOLT2D = undefined;
+    }
+  }, {
+    key: "DoSetWidthFromSVG",
+    get: function get() {
+      return this.doSetWidthFromSVG;
+    }
+  }, {
+    key: "DoSetDepthFromSVG",
+    get: function get() {
+      return this.doSetDepthFromSVG;
+    }
+  }, {
+    key: "WidthFromSVG",
+    set: function set(svgWidth) {
+      if (this.planElement.plannerData) this.planElement.plannerData.width = svgWidth;
+      this.doSetWidthFromSVG = false;
+    }
+  }, {
+    key: "DepthFromSVG",
+    set: function set(svgDepth) {
+      if (this.planElement.plannerData) this.planElement.plannerData.depth = svgDepth;
+      this.doSetDepthFromSVG = false;
+    }
+  }, {
+    key: "ElementId",
+    get: function get() {
+      return this.planElement.elementId;
+    }
+  }, {
+    key: "SvgFileName",
+    get: function get() {
+      var _this$planElement$pla5;
+      return (_this$planElement$pla5 = this.planElement.plannerData) === null || _this$planElement$pla5 === void 0 ? void 0 : _this$planElement$pla5.curSVG;
+    }
+  }, {
+    key: "Width",
+    get: function get() {
+      var _this$planElement$pla6;
+      return (_this$planElement$pla6 = this.planElement.plannerData) === null || _this$planElement$pla6 === void 0 ? void 0 : _this$planElement$pla6.width;
+    }
+  }, {
+    key: "Height",
+    get: function get() {
+      var _this$planElement$pla7;
+      return (_this$planElement$pla7 = this.planElement.plannerData) === null || _this$planElement$pla7 === void 0 ? void 0 : _this$planElement$pla7.height;
+    }
+  }, {
+    key: "Depth",
+    get: function get() {
+      var _this$planElement$pla8;
+      return (_this$planElement$pla8 = this.planElement.plannerData) === null || _this$planElement$pla8 === void 0 ? void 0 : _this$planElement$pla8.depth;
+    }
+  }, {
+    key: "HasAVL",
+    get: function get() {
+      var _this$planElement$pla9;
+      return (_this$planElement$pla9 = this.planElement.plannerData) === null || _this$planElement$pla9 === void 0 ? void 0 : _this$planElement$pla9.hasAVL;
+    }
+  }, {
+    key: "HasAVR",
+    get: function get() {
+      var _this$planElement$pla10;
+      return (_this$planElement$pla10 = this.planElement.plannerData) === null || _this$planElement$pla10 === void 0 ? void 0 : _this$planElement$pla10.hasAVR;
+    }
+  }, {
+    key: "HasAVO",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVO > 0 ? true : false : false;
+    }
+  }, {
+    key: "HasAVU",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVU > 0 ? true : false : false;
+    }
+  }, {
+    key: "HasAVC",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVC > 0 ? true : false : false;
+    }
+  }, {
+    key: "HasAVN",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVN > 0 ? true : false : false;
+    }
+  }, {
+    key: "HasAVS",
+    get: function get() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVS > 0 ? true : false : false;
+    }
+  }, {
+    key: "SvgShapeOLF2D",
+    get: function get() {
+      return this.planElement.svgShapeOLF2D;
+    },
+    set: function set(shape) {
+      this.planElement.svgShapeOLF2D = shape;
+    }
+  }, {
+    key: "SvgShapeOLT2D",
+    get: function get() {
+      return this.planElement.svgShapeOLT2D;
+    },
+    set: function set(shape) {
+      this.planElement.svgShapeOLT2D = shape;
+    }
+  }, {
+    key: "OLTPolygon",
+    get: function get() {
+      return this.planElement.oltPolygon;
+    },
+    set: function set(polygon) {
+      this.planElement.oltPolygon = polygon;
+    }
+  }, {
+    key: "OLTTop",
+    set: function set(top) {
+      this.planElement.oltTop = top / DivaUtils__default["default"].UnitRecalc;
+    }
+  }, {
+    key: "OLTLeft",
+    set: function set(left) {
+      this.planElement.oltLeft = left / DivaUtils__default["default"].UnitRecalc;
+    }
+  }, {
+    key: "OLTWidth",
+    set: function set(width) {
+      this.planElement.oltWidth = width / DivaUtils__default["default"].UnitRecalc;
+    }
+  }, {
+    key: "OLTDepth",
+    set: function set(depth) {
+      this.planElement.oltDepth = depth / DivaUtils__default["default"].UnitRecalc;
+    }
+  }, {
+    key: "setupOLF",
+    value: function setupOLF(polygon, olfWidth, olfHeight) {
+      this.planElement.olfPolygon = polygon;
+      this.planElement.olfDepth = olfHeight;
+      this.planElement.olfWidth = olfWidth;
+    }
+  }, {
+    key: "clearOLF",
+    value: function clearOLF() {
+      this.planElement.olfPolygon = undefined;
+      this.planElement.olfDepth = undefined;
+      this.planElement.olfWidth = undefined;
+    }
+  }, {
+    key: "getGlobalWidth",
+    value: function getGlobalWidth() {
+      if (this.HasOLFPolygon) {
+        return this.planElement.olfWidth / DivaUtils__default["default"].UnitRecalc;
+      }
+      return this.Width;
+    }
+  }, {
+    key: "getGlobalDepth",
+    value: function getGlobalDepth() {
+      if (this.HasOLFPolygon) {
+        return this.planElement.olfDepth / DivaUtils__default["default"].UnitRecalc;
+      }
+      return this.Depth;
+    }
+  }, {
+    key: "HasOLTPolygon",
+    get: function get() {
+      return this.planElement.oltPolygon != null;
+    }
+  }, {
+    key: "HasOLFPolygon",
+    get: function get() {
+      return this.planElement.olfPolygon != null;
+    }
+  }, {
+    key: "svgBefore",
+    get: function get() {
+      var _this$planElement$pla11;
+      return (_this$planElement$pla11 = this.planElement.plannerData) === null || _this$planElement$pla11 === void 0 ? void 0 : _this$planElement$pla11.svgBefore;
+    },
+    set: function set(svg) {
+      if (this.planElement.plannerData) this.planElement.plannerData.svgBefore = svg;
+    }
+  }, {
+    key: "svgAfter",
+    get: function get() {
+      var _this$planElement$pla12;
+      return (_this$planElement$pla12 = this.planElement.plannerData) === null || _this$planElement$pla12 === void 0 ? void 0 : _this$planElement$pla12.svgAfter;
+    },
+    set: function set(svg) {
+      if (this.planElement.plannerData) this.planElement.plannerData.svgAfter = svg;
+    }
+  }, {
+    key: "getOLTPolygonWorldPos",
+    value: function getOLTPolygonWorldPos() {
+      if (!this.planElement.oltPolygon) return [];
+      var polygon = [];
+      for (var i = 0; i < this.planElement.oltPolygon.length; i++) {
+        var localWorldPos = new Vector2(this.planElement.oltPolygon[i].x / DivaUtils__default["default"].UnitRecalc, this.planElement.oltPolygon[i].y / DivaUtils__default["default"].UnitRecalc);
+        localWorldPos = Vector2.rotateOrigin(localWorldPos, this.RotDeg);
+        polygon.push(new Vector2(this.WorldPosCorner.x + localWorldPos.x, this.WorldPosCorner.z + localWorldPos.y));
+      }
+      return polygon;
+    }
+  }, {
+    key: "getOLFPolygonWorldPos",
+    value: function getOLFPolygonWorldPos() {
+      var polygon = [];
+      if (!this.planElement.olfPolygon) return [];
+      for (var i = 0; i < this.planElement.olfPolygon.length; i++) {
+        var localWorldPos = new Vector2(this.planElement.olfPolygon[i].x / DivaUtils__default["default"].UnitRecalc, this.planElement.olfPolygon[i].y / DivaUtils__default["default"].UnitRecalc);
+        localWorldPos = Vector2.rotateOrigin(localWorldPos, this.RotDeg);
+        polygon.push(new Vector2(this.WorldPosCorner.x + localWorldPos.x, this.WorldPosCorner.z + localWorldPos.y));
+      }
+      return polygon;
+    }
+  }, {
+    key: "SvgData",
+    get: function get() {
+      return this.planElement.svgData ? this.planElement.svgData : '';
+    },
+    set: function set(svgData) {
+      this.planElement.svgData = svgData;
+    }
+  }, {
+    key: "SvgDataOLTBase64",
+    set: function set(svgData) {
+      this.planElement.SvgDataOLTBase64 = svgData;
+    }
+  }, {
+    key: "Layer",
+    get: function get() {
+      return this.planElement.plannerData.layer;
+    }
+  }, {
+    key: "HasSvgAsHTMLCanvas",
+    get: function get() {
+      return this.planElement.svgAsHTMLCanvas == undefined ? false : true;
+    }
+  }, {
+    key: "SvgAsHTMLCanvas",
+    get: function get() {
+      return this.planElement.svgAsHTMLCanvas;
+    }
+
+    /** ---------------------------------Getter und setter for the view------------------------- */,
+    set: function set(ctx) {
+      this.planElement.svgAsHTMLCanvas = ctx;
+    }
+  }, {
+    key: "getArticleCodex",
+    value: function getArticleCodex() {
+      return this.ArticleCodex;
+    }
+  }, {
+    key: "getPosNr",
+    value: function getPosNr() {
+      return this.planElement.setPosNr;
+    }
+  }, {
+    key: "getIsDockedAccessoire",
+    value: function getIsDockedAccessoire() {
+      return this.IsDockedAccessoire;
+    }
+  }, {
+    key: "getIsNotDockedAccessoire",
+    value: function getIsNotDockedAccessoire() {
+      var _this$planElement$pla13;
+      return !!((_this$planElement$pla13 = this.planElement.plannerData) !== null && _this$planElement$pla13 !== void 0 && _this$planElement$pla13.isNotDockedAccessoire);
+    }
+  }, {
+    key: "getParentElementId",
+    value: function getParentElementId() {
+      var _this$planElement$pla14;
+      return (_this$planElement$pla14 = this.planElement.plannerData) === null || _this$planElement$pla14 === void 0 ? void 0 : _this$planElement$pla14.parentElementId;
+    }
+  }, {
+    key: "getElementId",
+    value: function getElementId() {
+      return this.planElement.elementId;
+    }
+  }, {
+    key: "getBasketId",
+    value: function getBasketId() {
+      return this.basketId;
+    }
+  }, {
+    key: "getSetId",
+    value: function getSetId() {
+      return this.planElement.setId;
+    }
+  }, {
+    key: "getWorldPosCorner",
+    value: function getWorldPosCorner() {
+      return this.WorldPosCorner;
+    }
+
+    /**
+     * This function returns the position in world coordinates of the CENTER of the plannerElement
+     */
+  }, {
+    key: "getWorldPosCenter",
+    value: function getWorldPosCenter() {
+      return this.WorldPosCenter;
+    }
+  }, {
+    key: "getRotDeg",
+    value: function getRotDeg() {
+      return this.planElement.rotDeg;
+    }
+  }, {
+    key: "getRotRad",
+    value: function getRotRad() {
+      return this.planElement.rotDeg * Math.PI / 180;
+    }
+  }, {
+    key: "getHasAVL",
+    value: function getHasAVL() {
+      return this.planElement.plannerData ? this.planElement.plannerData.hasAVL : false;
+    }
+  }, {
+    key: "getHasAVR",
+    value: function getHasAVR() {
+      return this.planElement.plannerData ? this.planElement.plannerData.hasAVR : false;
+    }
+  }, {
+    key: "getHasAVO",
+    value: function getHasAVO() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVO > 0 ? true : false : false;
+    }
+  }, {
+    key: "getHasAVU",
+    value: function getHasAVU() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVU > 0 ? true : false : false;
+    }
+  }, {
+    key: "getHasAVC",
+    value: function getHasAVC() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVC > 0 ? true : false : false;
+    }
+  }, {
+    key: "getHasAVN",
+    value: function getHasAVN() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVN > 0 ? true : false : false;
+    }
+  }, {
+    key: "getHasAVS",
+    value: function getHasAVS() {
+      return this.planElement.plannerData != undefined ? this.planElement.plannerData.countAVS > 0 ? true : false : false;
+    }
+  }, {
+    key: "getFilterAVL",
+    value: function getFilterAVL() {
+      var _this$planElement$pla15;
+      return this.planElement.plannerData ? (_this$planElement$pla15 = this.planElement.plannerData) === null || _this$planElement$pla15 === void 0 ? void 0 : _this$planElement$pla15.AVLFilter : [];
+    }
+  }, {
+    key: "getFilterAVR",
+    value: function getFilterAVR() {
+      return this.planElement.plannerData ? this.planElement.plannerData.AVRFilter : [];
+    }
+  }, {
+    key: "getSVGShapeOLF2D",
+    value: function getSVGShapeOLF2D() {
+      return this.planElement.svgShapeOLF2D;
+    }
+  }, {
+    key: "getSVGShapeOLT2D",
+    value: function getSVGShapeOLT2D() {
+      return this.planElement.svgShapeOLT2D;
+    }
+  }, {
+    key: "getPlannerType",
+    value: function getPlannerType() {
+      return this.plannerType;
+    }
+
+    /**
+     * Returns the original svg XML
+     */
+  }, {
+    key: "getSVGData",
+    value: function getSVGData() {
+      return this.planElement.svgData ? this.planElement.svgData : '';
+    }
+  }, {
+    key: "getWidth",
+    value: function getWidth() {
+      return this.planElement.plannerData ? this.getGlobalWidth() : -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.getGlobalDepth() : -1;
+    }
+  }, {
+    key: "getDepthOLT",
+    value: function getDepthOLT() {
+      return this.Depth ? this.Depth : -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',
@@ -65626,6 +66494,7 @@ exports.DockingPoint = DockingPoint;
 exports.Grid = Grid;
 exports.HQRenderScript = HQRenderScript;
 exports.OptionCatalogData = OptionCatalogData;
+exports.PlannerElementData = PlannerElementData;
 exports.Rendering = Rendering;
 exports.Vector2 = Vector2;
 exports.Vector3 = Vector3;