@crystaldesign/web-planner-logic 24.9.0-beta.8 → 24.9.0-rc.0

package/build/esm/{index-5b49712f.js → index-71e8f1c9.js}

@@ -26,8 +26,8 @@ import _typeof from '@babel/runtime/helpers/typeof';
 })();
 
 var _excluded = ["type"];
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$g = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var JsonDataCache = /*#__PURE__*/function () {
   function JsonDataCache() {
@@ -233,8 +233,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$d;
-              _context2.t1 = _objectSpread$d({}, init.config.headers);
+              _context2.t0 = _objectSpread$e;
+              _context2.t1 = _objectSpread$e({}, init.config.headers);
               _context2.t2 = {};
               _context2.next = 20;
               return this.getSessionGuid('V', undefined, this.OrganizationId, api2Url);
@@ -1469,8 +1469,8 @@ var ArticleOptionData = /*#__PURE__*/function () {
   }, {
     key: "tabGroup",
     get: function get() {
-      var _this$opt$catalogOPT, _this$opt$catalogOPT2;
-      if ((_this$opt$catalogOPT = this.opt.catalogOPT) !== null && _this$opt$catalogOPT !== void 0 && _this$opt$catalogOPT.maskTabgroup) return (_this$opt$catalogOPT2 = this.opt.catalogOPT) === null || _this$opt$catalogOPT2 === void 0 ? void 0 : _this$opt$catalogOPT2.maskTabgroup;
+      var _this$opt$catalogOPT;
+      if ((_this$opt$catalogOPT = this.opt.catalogOPT) !== null && _this$opt$catalogOPT !== void 0 && _this$opt$catalogOPT.maskTabgroup) return this.opt.catalogOPT.maskTabgroup;
       if (this.opt.subTabGroupOfSubTemplate) return this.opt.subTabGroupOfSubTemplate;
       return this.opt.tabGroup;
     }
@@ -17126,7 +17126,7 @@ var CatalogArticleData = /*#__PURE__*/function () {
             depthTo: catalogArticle.depthTo,
             formattedSize: '',
             isVisualized: catalogArticle.isVisualized,
-            confgigStepKeys: [],
+            configStepKeys: [],
             metaData: catalogArticle.metaDataView,
             contentItemId: catalogArticle.contentItemId
           });
@@ -17812,7 +17812,7 @@ var CatalogPlannerArticleData = /*#__PURE__*/function () {
 
 var OptionCatalogData = /*#__PURE__*/function () {
   function OptionCatalogData(codex, jsonOPT, catalogData) {
-    var _catalogData$catalogM, _catalogData$catalogM2, _catalogData$catalogM3, _optionMask$name$cata, _optionMask$name, _catalogData$api$getL, _optionMask$name2, _optionMask$hidden, _optionMask$tabgroup, _catalogData$api$getL2, _optionMask$layout, _jsonOPT$showOPVAsArt, _jsonOPT$Properties, _optionMask$propertie;
+    var _catalogData$catalogM, _catalogData$catalogM2, _catalogData$catalogM3, _optionMask$name$cata, _optionMask$name, _catalogData$api$getL, _optionMask$name2, _optionMask$hidden, _optionMask$tabGroup, _catalogData$api$getL2, _ref, _optionMask$layout, _optionMask$propertie, _jsonOPT$showOPVAsArt, _jsonOPT$Properties, _optionMask$propertie2;
     _classCallCheck(this, OptionCatalogData);
     _defineProperty(this, "opt", void 0);
     var optionMask = (_catalogData$catalogM = (_catalogData$catalogM2 = catalogData.catalogMask) === null || _catalogData$catalogM2 === void 0 || (_catalogData$catalogM2 = _catalogData$catalogM2.options) === null || _catalogData$catalogM2 === void 0 ? void 0 : _catalogData$catalogM2[codex]) !== null && _catalogData$catalogM !== void 0 ? _catalogData$catalogM : codex.startsWith('OPT') ? (_catalogData$catalogM3 = catalogData.catalogMask) === null || _catalogData$catalogM3 === void 0 || (_catalogData$catalogM3 = _catalogData$catalogM3.options) === null || _catalogData$catalogM3 === void 0 ? void 0 : _catalogData$catalogM3[codex.substring(3)] : undefined;
@@ -17825,8 +17825,10 @@ var OptionCatalogData = /*#__PURE__*/function () {
       idmVariantenArt: jsonOPT.IDMVariantenArt ? Number(jsonOPT.IDMVariantenArt) : undefined,
       image: jsonOPT.Image ? jsonOPT.Image : undefined,
       invisible: (_optionMask$hidden = optionMask === null || optionMask === void 0 ? void 0 : optionMask.hidden) !== null && _optionMask$hidden !== void 0 ? _optionMask$hidden : jsonOPT.Invisible != undefined ? jsonOPT.Invisible : false,
-      maskTabgroup: optionMask === null || optionMask === void 0 || (_optionMask$tabgroup = optionMask.tabgroup) === null || _optionMask$tabgroup === void 0 ? void 0 : _optionMask$tabgroup[(_catalogData$api$getL2 = catalogData.api.getLanguage()) === null || _catalogData$api$getL2 === void 0 ? void 0 : _catalogData$api$getL2.toLowerCase()],
-      layout: (_optionMask$layout = optionMask === null || optionMask === void 0 ? void 0 : optionMask.layout) !== null && _optionMask$layout !== void 0 ? _optionMask$layout : jsonOPT.Layout != undefined ? jsonOPT.Layout : 'IMAGE',
+      maskTabgroup: optionMask === null || optionMask === void 0 || (_optionMask$tabGroup = optionMask.tabGroup) === null || _optionMask$tabGroup === void 0 ? void 0 : _optionMask$tabGroup[(_catalogData$api$getL2 = catalogData.api.getLanguage()) === null || _catalogData$api$getL2 === void 0 ? void 0 : _catalogData$api$getL2.toLowerCase()],
+      layout: (_ref = (_optionMask$layout = optionMask === null || optionMask === void 0 ? void 0 : optionMask.layout) !== null && _optionMask$layout !== void 0 ? _optionMask$layout : optionMask === null || optionMask === void 0 || (_optionMask$propertie = optionMask.properties) === null || _optionMask$propertie === void 0 || (_optionMask$propertie = _optionMask$propertie.find(function (p) {
+        return p.Codex == 'LAYOUT';
+      })) === null || _optionMask$propertie === void 0 ? void 0 : _optionMask$propertie.Value) !== null && _ref !== void 0 ? _ref : jsonOPT.Layout != undefined ? jsonOPT.Layout : 'IMAGE',
       multiselect: jsonOPT.Multiselect != undefined ? jsonOPT.Multiselect == 'True' : false,
       sendToPIM: !!jsonOPT.SendToPIM,
       useMaxPriceOfGroup: jsonOPT.UseMaxPriceOfGroup != undefined ? Number(jsonOPT.UseMaxPriceOfGroup) : undefined,
@@ -17835,7 +17837,7 @@ var OptionCatalogData = /*#__PURE__*/function () {
       hideInOrderText: jsonOPT.hideInOrderText != undefined ? jsonOPT.hideInOrderText == 'True' : false,
       showOPVCodex: jsonOPT.showOPVCodex != undefined ? jsonOPT.showOPVCodex == 'True' : false,
       showOPVAsArticleNr: typeof jsonOPT.showOPVAsArticleNr == 'boolean' ? jsonOPT.showOPVAsArticleNr : ((_jsonOPT$showOPVAsArt = jsonOPT.showOPVAsArticleNr) === null || _jsonOPT$showOPVAsArt === void 0 ? void 0 : _jsonOPT$showOPVAsArt.toLowerCase()) == 'true',
-      property: [].concat(_toConsumableArray((_jsonOPT$Properties = jsonOPT.Properties) !== null && _jsonOPT$Properties !== void 0 ? _jsonOPT$Properties : []), _toConsumableArray((_optionMask$propertie = optionMask === null || optionMask === void 0 ? void 0 : optionMask.properties) !== null && _optionMask$propertie !== void 0 ? _optionMask$propertie : [])),
+      property: [].concat(_toConsumableArray((_jsonOPT$Properties = jsonOPT.Properties) !== null && _jsonOPT$Properties !== void 0 ? _jsonOPT$Properties : []), _toConsumableArray((_optionMask$propertie2 = optionMask === null || optionMask === void 0 ? void 0 : optionMask.properties) !== null && _optionMask$propertie2 !== void 0 ? _optionMask$propertie2 : [])),
       parentOptionCodex: jsonOPT.ParentOptionCodex,
       articlePlaceholder: jsonOPT.ArticlePlaceholder && jsonOPT.ArticlePlaceholder == 'True' ? true : false,
       isMultiselect: jsonOPT.Multiselect != undefined ? jsonOPT.Multiselect == 'True' : false
@@ -18209,7 +18211,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
       //                                     tauschfunktion activ. ist Default auf "1" gesetzt. Kann mit diesem Flag deaktiviert werden. Dass die Tauschfunktion im UI auftaucht muss der Katalog min 1 artikel mit AVL-AVR haben und die Tauschfunktion in der Webconfig aktiviert sein
       showAllItemsInPlanner: false,
       //                                All elements are shown in the planner palette
-
+      hidePlannerUiIcons: false,
       //Warnings
       doCheckConstructionWarnings: true,
       //                           konstruktionswarnungen können mit diesem Flag ausgeblendet werden (Rolf Benz)
@@ -18270,6 +18272,8 @@ var DivaCatalogData = /*#__PURE__*/function () {
       // old tag
       useDecisionPosCountValue: false,
       useShelfPlannerRTV: false,
+      notificationsRules: [],
+      warningRule: [],
       summaryTabGroupPosition: undefined,
       onConfigSingleDontGeneralize: false,
       ignoreMaxPriceAsBP: false,
@@ -18477,6 +18481,8 @@ var DivaCatalogData = /*#__PURE__*/function () {
           _this.catalogData.hideAVButtons = item.Value;
         } else if (item.Codex == 'PLANNER_REPLACE_MODE') {
           _this.catalogData.replaceModeActive = item.Value == '1';
+        } else if (item.Codex == 'HIDE_PLANNER_UI_ICONS') {
+          _this.catalogData.hidePlannerUiIcons = item.Value == '1';
         }
 
         //Warnings
@@ -18568,6 +18574,8 @@ var DivaCatalogData = /*#__PURE__*/function () {
           _this.catalogData.summaryTabGroupPosition = item.Value.split(';');
         } else if (item.Codex == 'BUNDLE_RULES') {
           _this.catalogData.bundleRules = JSON.parse(item.Value);
+        } else if (item.Codex == 'NOTIFICATIONS') {
+          _this.catalogData.notificationsRules = JSON.parse(item.Value);
         } else if (item.Codex == 'IGNORE_MAX_PRICE_AS_BASEPRICE') {
           _this.catalogData.ignoreMaxPriceAsBP = item.Value == '1';
         } else if (item.Codex == 'DONT_USE_VCODEX_FOR_BASKET') {
@@ -19275,6 +19283,11 @@ var DivaCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogData.doShow3DDimensionLines;
     }
+  }, {
+    key: "hidePlannerUiIcons",
+    get: function get() {
+      return this.catalogData.hidePlannerUiIcons;
+    }
   }, {
     key: "isIDM3DCat",
     get: function get() {
@@ -19423,6 +19436,16 @@ var DivaCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogData.bundleRules;
     }
+  }, {
+    key: "notificationsRules",
+    get: function get() {
+      return this.catalogData.notificationsRules;
+    }
+  }, {
+    key: "warningRule",
+    get: function get() {
+      return this.catalogData.warningRule;
+    }
   }, {
     key: "dontSaveAlternativeRenderings",
     get: function get() {
@@ -20311,8 +20334,8 @@ var ArticleOptionStateData = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$c = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaArticle = /*#__PURE__*/function () {
   //Hier steht die aktuelle Konfiguration
@@ -20522,7 +20545,7 @@ var DivaArticle = /*#__PURE__*/function () {
         var partlistArticle = this.partlistArticles[basketId];
         if (!onlyVisible || partlistArticle.partlistArticleVisibleInTree) partlistArticles[basketId] = partlistArticle;
         if (partlistArticle.hasPartlistArticle) {
-          partlistArticles = _objectSpread$c(_objectSpread$c({}, partlistArticles), partlistArticle.getRecursivePartlistArticles(onlyVisible));
+          partlistArticles = _objectSpread$d(_objectSpread$d({}, partlistArticles), partlistArticle.getRecursivePartlistArticles(onlyVisible));
         }
       }
       return partlistArticles;
@@ -20994,13 +21017,13 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "articleOptionStatesWithParents",
     get: function get() {
-      return _objectSpread$c(_objectSpread$c({}, this.getReqursiveArticleOptionStates()), this.articleOptionStatesData);
+      return _objectSpread$d(_objectSpread$d({}, this.getReqursiveArticleOptionStates()), this.articleOptionStatesData);
     }
   }, {
     key: "getReqursiveArticleOptionStates",
     value: function getReqursiveArticleOptionStates() {
       var _this$partListParentA6, _this$partListParentA7, _this$partListParentA8, _this$partListParentA9, _this$accessoireParen3, _this$accessoireParen4, _this$accessoireParen5, _this$accessoireParen6;
-      return _objectSpread$c(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, (_this$partListParentA6 = (_this$partListParentA7 = this.partListParentArticle) === null || _this$partListParentA7 === void 0 ? void 0 : _this$partListParentA7.articleOptionStatesData) !== null && _this$partListParentA6 !== void 0 ? _this$partListParentA6 : {}), (_this$partListParentA8 = (_this$partListParentA9 = this.partListParentArticle) === null || _this$partListParentA9 === void 0 ? void 0 : _this$partListParentA9.getReqursiveArticleOptionStates()) !== null && _this$partListParentA8 !== void 0 ? _this$partListParentA8 : {}), (_this$accessoireParen3 = (_this$accessoireParen4 = this.accessoireParentArticle) === null || _this$accessoireParen4 === void 0 ? void 0 : _this$accessoireParen4.articleOptionStatesData) !== null && _this$accessoireParen3 !== void 0 ? _this$accessoireParen3 : {}), (_this$accessoireParen5 = (_this$accessoireParen6 = this.accessoireParentArticle) === null || _this$accessoireParen6 === void 0 ? void 0 : _this$accessoireParen6.getReqursiveArticleOptionStates()) !== null && _this$accessoireParen5 !== void 0 ? _this$accessoireParen5 : {});
+      return _objectSpread$d(_objectSpread$d(_objectSpread$d(_objectSpread$d({}, (_this$partListParentA6 = (_this$partListParentA7 = this.partListParentArticle) === null || _this$partListParentA7 === void 0 ? void 0 : _this$partListParentA7.articleOptionStatesData) !== null && _this$partListParentA6 !== void 0 ? _this$partListParentA6 : {}), (_this$partListParentA8 = (_this$partListParentA9 = this.partListParentArticle) === null || _this$partListParentA9 === void 0 ? void 0 : _this$partListParentA9.getReqursiveArticleOptionStates()) !== null && _this$partListParentA8 !== void 0 ? _this$partListParentA8 : {}), (_this$accessoireParen3 = (_this$accessoireParen4 = this.accessoireParentArticle) === null || _this$accessoireParen4 === void 0 ? void 0 : _this$accessoireParen4.articleOptionStatesData) !== null && _this$accessoireParen3 !== void 0 ? _this$accessoireParen3 : {}), (_this$accessoireParen5 = (_this$accessoireParen6 = this.accessoireParentArticle) === null || _this$accessoireParen6 === void 0 ? void 0 : _this$accessoireParen6.getReqursiveArticleOptionStates()) !== null && _this$accessoireParen5 !== void 0 ? _this$accessoireParen5 : {});
     }
   }, {
     key: "clearArticleOptionStates",
@@ -21282,6 +21305,15 @@ var DivaArticle = /*#__PURE__*/function () {
     set: function set(relatedToShelfGrid) {
       this.article.relatedToShelfGrid = relatedToShelfGrid;
     }
+  }, {
+    key: "relatedToConfigStep",
+    get: function get() {
+      var _this$accessoireParen7;
+      if (this.relatedToShelfGrid !== undefined && (_this$accessoireParen7 = this.accessoireParentArticle) !== null && _this$accessoireParen7 !== void 0 && _this$accessoireParen7.shelfPlanner) {
+        return this.accessoireParentArticle.shelfPlanner.getRelatedToGridIdByArticleCodex(this.articleCodex);
+      }
+      return undefined;
+    }
   }, {
     key: "articleRelations",
     get: function get() {
@@ -21442,8 +21474,8 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "getBaseParent",
     value: function getBaseParent() {
-      var _ref, _this$partListParentA12, _this$partListParentA13, _this$accessoireParen7;
-      return (_ref = (_this$partListParentA12 = (_this$partListParentA13 = this.partListParentArticle) === null || _this$partListParentA13 === void 0 ? void 0 : _this$partListParentA13.getBaseParent()) !== null && _this$partListParentA12 !== void 0 ? _this$partListParentA12 : (_this$accessoireParen7 = this.accessoireParentArticle) === null || _this$accessoireParen7 === void 0 ? void 0 : _this$accessoireParen7.getBaseParent()) !== null && _ref !== void 0 ? _ref : this;
+      var _ref, _this$partListParentA12, _this$partListParentA13, _this$accessoireParen8;
+      return (_ref = (_this$partListParentA12 = (_this$partListParentA13 = this.partListParentArticle) === null || _this$partListParentA13 === void 0 ? void 0 : _this$partListParentA13.getBaseParent()) !== null && _this$partListParentA12 !== void 0 ? _this$partListParentA12 : (_this$accessoireParen8 = this.accessoireParentArticle) === null || _this$accessoireParen8 === void 0 ? void 0 : _this$accessoireParen8.getBaseParent()) !== null && _ref !== void 0 ? _ref : this;
     }
   }, {
     key: "checkArtCodexIsAccessoire",
@@ -22382,8 +22414,8 @@ var DivaArticle = /*#__PURE__*/function () {
             var parentGlobalOptions = this.getGlobalOptions();
             if (parentGlobalOptions) for (var iKey in parentGlobalOptions) {
               if (parentGlobalOptions[iKey].includes(myArtOPS.optionCodex)) {
-                var _ref4, _this$getArticleOptio3, _this$accessoireParen8;
-                var ops = (_ref4 = (_this$getArticleOptio3 = this.getArticleOptionState(iKey)) !== null && _this$getArticleOptio3 !== void 0 ? _this$getArticleOptio3 : (_this$accessoireParen8 = this.accessoireParentArticle) === null || _this$accessoireParen8 === void 0 ? void 0 : _this$accessoireParen8.getArticleOptionState(iKey)) !== null && _ref4 !== void 0 ? _ref4 : this.articleOptionStatesWithParents[iKey];
+                var _ref4, _this$getArticleOptio3, _this$accessoireParen9;
+                var ops = (_ref4 = (_this$getArticleOptio3 = this.getArticleOptionState(iKey)) !== null && _this$getArticleOptio3 !== void 0 ? _this$getArticleOptio3 : (_this$accessoireParen9 = this.accessoireParentArticle) === null || _this$accessoireParen9 === void 0 ? void 0 : _this$accessoireParen9.getArticleOptionState(iKey)) !== null && _ref4 !== void 0 ? _ref4 : this.articleOptionStatesWithParents[iKey];
                 if (ops !== null && ops !== void 0 && ops.valCodex) {
                   var foundItem = this.checkOptionAndOptionValue(myArtOPS.optionCodex, ops.valCodex);
                   if ((foundItem === null || foundItem === void 0 ? void 0 : foundItem.opv) instanceof ArticleOptionValueData) {
@@ -22754,7 +22786,7 @@ var DivaArticle = /*#__PURE__*/function () {
             RuleDesc: myRuleDesc,
             RuleDesc_locales: myRuleDesc_locales,
             PosInvisibility: myPartListPos.PosInvisibility,
-            VariantValues: _objectSpread$c(_objectSpread$c({}, (_previousPartlistArti = previousPartlistArticle === null || previousPartlistArticle === void 0 ? void 0 : previousPartlistArticle.VariantValues) !== null && _previousPartlistArti !== void 0 ? _previousPartlistArti : {}), newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {}),
+            VariantValues: _objectSpread$d(_objectSpread$d({}, (_previousPartlistArti = previousPartlistArticle === null || previousPartlistArticle === void 0 ? void 0 : previousPartlistArticle.VariantValues) !== null && _previousPartlistArti !== void 0 ? _previousPartlistArti : {}), newConfigValues !== null && newConfigValues !== void 0 ? newConfigValues : {}),
             VariantItemData: previousPartlistArticle === null || previousPartlistArticle === void 0 ? void 0 : previousPartlistArticle.VariantItemData,
             optionImgForPrint: optionImgForPrint,
             optionsForPrint: optionsForPrint
@@ -22828,7 +22860,7 @@ var DivaArticle = /*#__PURE__*/function () {
       }
       for (var key in this.articleOptionStates) {
         var myOPS = this.articleOptionStates[key];
-        myOPS.visibleOptionValues = _objectSpread$c({}, myOPS.option.articleOptionValues);
+        myOPS.visibleOptionValues = _objectSpread$d({}, myOPS.option.articleOptionValues);
         myOPS.visibleCount = Object.keys(myOPS.option.articleOptionValues).length;
         myOPS.definedBySetFeatureFixed = false;
       }
@@ -23059,7 +23091,7 @@ var DivaArticle = /*#__PURE__*/function () {
                   }
                   if (ruleValid) {
                     ruleWasValidOnce = true;
-                    if (m == 0) validOPVs[OPT] = _objectSpread$c({}, possibleOPVs);
+                    if (m == 0) validOPVs[OPT] = _objectSpread$d({}, possibleOPVs);
                     opvCodex = opvCodex.slice(1);
                     if (possibleOPVs[opvCodex] != null) delete validOPVs[OPT][opvCodex];
                   }
@@ -23455,7 +23487,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-a886bdc7.js');
+              return import('./ShelfPlanner-173373f0.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -24208,7 +24240,7 @@ var DivaArticle = /*#__PURE__*/function () {
     key: "getVariantBasketData",
     value: function getVariantBasketData() {
       var variantBasketData = [];
-      var opsObj = _objectSpread$c({}, this.articleOptionStates);
+      var opsObj = _objectSpread$d({}, this.articleOptionStates);
       if (this.article.optionsForPrint) {
         for (var i = 0; i < this.article.optionsForPrint.length; i++) {
           var ops = this.getArticleOptionState(this.article.optionsForPrint[i]);
@@ -24394,8 +24426,8 @@ var DivaArticle = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$b = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 
 //Diese Klasse verwaltet den Optionsbaum und ladelogik etc. eines Artikels
@@ -24614,7 +24646,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               return _context5.abrupt("continue", 37);
             case 11:
               if (targetArticlesWithNewValues.includes(targetArticlesToUpdate[i])) {
-                valuesArray[i] = actArticle.getValidValues(_objectSpread$b({}, myValues), actArticle.CatalogData.mergeOptionsToSameOption);
+                valuesArray[i] = actArticle.getValidValues(_objectSpread$c({}, myValues), actArticle.CatalogData.mergeOptionsToSameOption);
               }
               if (!(Object.entries(valuesArray[i]).length > 0 || from !== null && from !== void 0 && from.startsWith('initializing'))) {
                 _context5.next = 32;
@@ -25006,9 +25038,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               // löscht seine eigene partlist article - optimierung schnittmenge nicht löschen und nur neu neu laden
 
               //evalConstructionRules ausswerten
-              this.evalOpvSetAccConstructionRules(article);
+
               this.evalOpvsOnOpvsConstructionRules(article);
-              this.evalOpvOnParentOpvsConstructionRules(article);
 
               //danach Preise berechnen
               if (!dontCalcPrice) {
@@ -25021,7 +25052,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                 article.updateOPVImages();
               }
               return _context9.abrupt("return", partlistArticlesToLoad);
-            case 19:
+            case 17:
             case "end":
               return _context9.stop();
           }
@@ -25249,7 +25280,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               }
               doLoadItem.BasketID = nArticle.basketId;
               _context14.next = 9;
-              return this.toDoAfterArticleLoaded(nArticle, {}, _objectSpread$b(_objectSpread$b({}, doLoadItem.VariantValues), newConfigValues), 'initializingPartlist', doLoadItem.VariantItemData);
+              return this.toDoAfterArticleLoaded(nArticle, {}, _objectSpread$c(_objectSpread$c({}, doLoadItem.VariantValues), newConfigValues), 'initializingPartlist', doLoadItem.VariantItemData);
             case 9:
               article.addPartlistArticle(nArticle);
             case 10:
@@ -25263,60 +25294,6 @@ var DivaArticleHandler = /*#__PURE__*/function () {
       }
       return loadPartlistArticle;
     }() /**************************************** Querkontrollen über mehrere Article deshalb hier im ArticleHandler ********************************************************************************/
-  }, {
-    key: "evalOpvSetAccConstructionRules",
-    value: function evalOpvSetAccConstructionRules(article) {
-      //Alten UpdatedOPVbyConstructionRules wieder löschen
-      var oldContRules = article.updatedAccbyConstructionRules;
-      var myOptionStates = article.articleOptionStates;
-      for (var item in oldContRules) {
-        oldContRules[item].DisabledByConstructionRule = '';
-        oldContRules[item].WarningByConstructionRule = '';
-      }
-      for (var key1 in myOptionStates) {
-        if (key1.toUpperCase().endsWith('OPTCONSTRUCTIONRULES')) {
-          var myOPVs = myOptionStates[key1].option.articleOptionValues;
-          for (var key2 in myOPVs) {
-            var opv = myOPVs[key2];
-            //wenn ein bestimmter Zusatz-Artikel verplant ist
-            var opvGroupName = opv.groupName;
-            if (opvGroupName && opvGroupName.startsWith('ON_OPV_SET_ACC')) {
-              var _article$catalogArtic, _article$catalogArtic2;
-              var disable = false;
-              if (opvGroupName.endsWith('DISABLE')) {
-                disable = true;
-              }
-              var OnOpv = (_article$catalogArtic = article.catalogArticle.onConfigOption) !== null && _article$catalogArtic !== void 0 ? _article$catalogArtic : '';
-              var InvalidAccessoryArr = (_article$catalogArtic2 = article.catalogArticle.invalidAccessoires) !== null && _article$catalogArtic2 !== void 0 ? _article$catalogArtic2 : [];
-              var OpvRuleArr = OnOpv.split(',');
-              var RuleIsTrue = false;
-              for (var i = 0; !RuleIsTrue && i < OpvRuleArr.length; i++) {
-                var OpvRule = OpvRuleArr[i].split(':');
-                if (myOptionStates[OpvRule[0]]) {
-                  if (myOptionStates[OpvRule[0]].valCodex == OpvRule[1]) {
-                    for (var j = 0; j < InvalidAccessoryArr.length; j++) {
-                      if (typeof article.updatedAccbyConstructionRules[InvalidAccessoryArr[j]] == 'undefined') {
-                        article.addUpdatedAccbyConstructionRules(InvalidAccessoryArr[j], {});
-                      }
-                      if (disable) {
-                        article.addUpdatedAccbyConstructionRules(InvalidAccessoryArr[j], {
-                          DisabledByConstructionRule: opv.name
-                        });
-                      } else {
-                        article.addUpdatedAccbyConstructionRules(InvalidAccessoryArr[j], {
-                          WarningByConstructionRule: opv.name
-                        });
-                      }
-                    }
-                    RuleIsTrue = true;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
   }, {
     key: "evalOpvsOnOpvsConstructionRules",
     value: function evalOpvsOnOpvsConstructionRules(article) {
@@ -25345,14 +25322,14 @@ var DivaArticleHandler = /*#__PURE__*/function () {
             var opv = myOPVs[key2];
             var opvGroupName = opv.groupName;
             if (opvGroupName && opvGroupName.startsWith('ON_OPV_SET_OPV')) {
-              var _article$catalogArtic3, _article$catalogArtic4;
+              var _article$catalogArtic, _article$catalogArtic2;
               var disable = false;
               if (opvGroupName.endsWith('DISABLE')) {
                 disable = true;
               }
-              var onOpv = (_article$catalogArtic3 = article.catalogArticle.onConfigOption) !== null && _article$catalogArtic3 !== void 0 ? _article$catalogArtic3 : '';
+              var onOpv = (_article$catalogArtic = article.catalogArticle.onConfigOption) !== null && _article$catalogArtic !== void 0 ? _article$catalogArtic : '';
               var onOpvArr = onOpv.split(',');
-              var invaliOPVs = (_article$catalogArtic4 = article.catalogArticle.onSetConfigOtpion) !== null && _article$catalogArtic4 !== void 0 ? _article$catalogArtic4 : '';
+              var invaliOPVs = (_article$catalogArtic2 = article.catalogArticle.onSetConfigOtpion) !== null && _article$catalogArtic2 !== void 0 ? _article$catalogArtic2 : '';
               var invalidOPVArr = invaliOPVs.split(',');
               for (var j = 0; j < onOpvArr.length; j++) {
                 //alle OPVs auf welche zu prüfen ist durchlaufen
@@ -25381,82 +25358,100 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               }
             }
           }
-          //falls die vorherigen reglen anders sind wie die neuen, artiklekonfiguration neu laden
-          if (somethingChanged && JSON.stringify(previousRules) != JSON.stringify(article.updatedOPVbyOPVConstructionRules)) {
-            this.updateCfgValues(article, {}, {});
-          }
         }
       }
+      var notifications = this.checkNotificationRules(article.CatalogData.warningRule, _defineProperty({}, article.basketId, article), {});
+      if (notifications !== null && notifications !== void 0 && notifications.length) {
+        for (var _i3 = 0; _i3 < notifications.length; _i3++) {
+          var _item = notifications[_i3];
+          if (!_item.showAsWarning) continue;
+          article.addUpdatedOPVbyOPVConstructionRules(_item.showAsWarning.option + ';' + _item.showAsWarning.optionValue, article.updateOPVConstruction('OPT' + _item.showAsWarning.option, 'OPV' + _item.showAsWarning.optionValue, {
+            message: _item.message,
+            type: _item.type == 'error' ? 'DISABLE' : 'WARNING'
+          }));
+        }
+        somethingChanged = true;
+      }
+
+      //falls die vorherigen reglen anders sind wie die neuen, artiklekonfiguration neu laden
+      if (somethingChanged && JSON.stringify(previousRules) != JSON.stringify(article.updatedOPVbyOPVConstructionRules)) {
+        this.updateCfgValues(article, {}, {});
+      }
     }
   }, {
-    key: "evalOpvOnParentOpvsConstructionRules",
-    value: function evalOpvOnParentOpvsConstructionRules(article) {
-      var recalcConfig = false;
-      if (article.accessoireParentArticle) {
-        var parentArticle = article.accessoireParentArticle;
-        for (var key in parentArticle.updatedOPVbyParentOPVConstructionRules) {
-          parentArticle.updatedOPVbyParentOPVConstructionRules[key].DisabledByConstructionRule = undefined;
-          parentArticle.updatedOPVbyParentOPVConstructionRules[key].WarningByConstructionRule = undefined;
-          parentArticle.updatedOPVbyParentOPVConstructionRules[key].type = undefined;
-        }
-        for (var key1 in article.articleOptionStates) {
-          if (article.articleOptionStates[key1] && article.articleOptionStates[key1].optionCodex.toUpperCase().endsWith('OPTCONSTRUCTIONRULES')) {
-            for (var key2 in article.articleOptionStates[key1].visibleOptionValues) {
-              var opv = article.articleOptionStates[key1].visibleOptionValues[key2];
-              if (opv.groupName && opv.groupName.startsWith('ON_OPV_SET_PARENT_OPV')) {
-                var disable = false;
-                if (opv.groupName.endsWith('DISABLE')) {
-                  disable = true;
-                }
-                var onOpv = opv.onRule;
-                var invalidParentRuleString = opv.setByRule;
-                if (!onOpv) continue;
-                if (!invalidParentRuleString) continue;
-                var onOpvArr = onOpv.split(',');
-                var invalidParentRule = invalidParentRuleString.split(',');
-                for (var j = 0; j < onOpvArr.length; j++) {
-                  //alle OPVs auf welche zu prüfen ist durchlaufen
-                  var opvRule = onOpvArr[j].split(':');
-                  if (article.articleOptionStates[opvRule[0]]) {
-                    if (article.articleOptionStates[opvRule[0]].valCodex == opvRule[1]) {
-                      for (var i = 0; i < invalidParentRule.length; i++) {
-                        //alle zu deaktivierende OPVs durchgehen
-
-                        var invalidParentOpv = invalidParentRule[i].split(':');
-                        if (parentArticle.articleOptionStates[invalidParentOpv[0]]) {
-                          var key3 = invalidParentRule[i];
-                          var constructionRule = {
-                            message: {
-                              DE: opv.name,
-                              IT: opv.name,
-                              FR: opv.name
-                            },
-                            type: disable ? 'DISABLE' : 'WARNING'
-                          };
-                          parentArticle.addUpdatedOPVbyParentOPVConstructionRules(key3, parentArticle.updateOPVConstruction(invalidParentOpv[0], invalidParentOpv[1], constructionRule));
-                          recalcConfig = true;
-                        }
-                      }
-                    }
-                  }
-                }
+    key: "defineAllOptionsOfArticles",
+    value: function defineAllOptionsOfArticles(articles) {
+      for (var key in articles) {
+        articles[key].defineAllOptions();
+      }
+    }
+  }, {
+    key: "checkNotificationRules",
+    value: function checkNotificationRules(toCheckRules, articles, visitedOptions, event) {
+      if (!(toCheckRules !== null && toCheckRules !== void 0 && toCheckRules.length)) return;
+      var returnValue = [];
+      for (var i = 0; i < toCheckRules.length; i++) {
+        var entry = toCheckRules[i];
+        var rules = entry.rules;
+        var ruleValid = false;
+        for (var j = 0; j < rules.length; j++) {
+          for (var basketId in articles) {
+            var _rule$articles;
+            ruleValid = false;
+            var rule = rules[j];
+            var article = articles[basketId];
+            if ((_rule$articles = rule.articles) !== null && _rule$articles !== void 0 && _rule$articles.length && !rule.articles.includes(article.articleCodex)) continue;
+            if (rule.variantValues && !this.objectIncudesObject(rule.variantValues, article.VariantValuesWithoutOPTandOPV)) continue;
+            if (rule.visitedOptions && !this.arrayIncludesArray(rule.visitedOptions, visitedOptions[basketId])) continue;
+            if (rule.jsFormula && !article.evalRule(DivaUtils.getRuleByFormula(rule.jsFormula))) continue;
+            if (rule.sizes) console.error('size logic not jet implemented');
+            if ((event === null || event === void 0 ? void 0 : event.type) == 'config' && entry.type == 'notification') {
+              var _entry$checkOnEvents, _entry$checkOnEvents2, _entry$checkOnEvents3, _entry$checkOnEvents4;
+              var checkOPT = (_entry$checkOnEvents = entry.checkOnEvents) !== null && _entry$checkOnEvents !== void 0 && _entry$checkOnEvents.option ? 'OPT' + ((_entry$checkOnEvents2 = entry.checkOnEvents) === null || _entry$checkOnEvents2 === void 0 ? void 0 : _entry$checkOnEvents2.option) : undefined;
+              var checkOPV = (_entry$checkOnEvents3 = entry.checkOnEvents) !== null && _entry$checkOnEvents3 !== void 0 && _entry$checkOnEvents3.optionValue ? 'OPV' + ((_entry$checkOnEvents4 = entry.checkOnEvents) === null || _entry$checkOnEvents4 === void 0 ? void 0 : _entry$checkOnEvents4.optionValue) : undefined;
+              if (checkOPT) {
+                if (Array.isArray(checkOPT) && !checkOPT.includes(event.data.optionCodex)) continue;
+                if (!Array.isArray(checkOPT) && checkOPT !== event.data.optionCodex) continue;
+              }
+              if (checkOPV) {
+                if (Array.isArray(checkOPV) && !checkOPV.includes(event.data.optionValueCodex)) continue;
+                if (!Array.isArray(checkOPV) && checkOPV !== event.data.optionValueCodex) continue;
               }
             }
+            ruleValid = true;
+            break;
           }
+          if (ruleValid) break;
         }
-        if (recalcConfig) {
-          this.updateCfgValues(parentArticle, {}, {});
+        if (ruleValid) {
+          returnValue.push(_objectSpread$c(_objectSpread$c({}, entry), {}, {
+            index: i
+          }));
+          break;
         }
       }
+      return returnValue;
     }
   }, {
-    key: "defineAllOptionsOfArticles",
-    value: function defineAllOptionsOfArticles(articles) {
-      for (var key in articles) {
-        articles[key].defineAllOptions();
+    key: "objectIncudesObject",
+    value: function objectIncudesObject(smallerObject, biggerObject) {
+      for (var key in smallerObject) {
+        if (smallerObject[key] !== biggerObject[key]) {
+          return false;
+        }
       }
+      return true;
+    }
+  }, {
+    key: "arrayIncludesArray",
+    value: function arrayIncludesArray() {
+      var smallerArray = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var biggerArray = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      for (var i = 0; i < smallerArray.length; i++) {
+        if (!biggerArray.includes('OPT' + smallerArray[i]) && !biggerArray.includes(smallerArray[i])) return false;
+      }
+      return true;
     }
-
     /*************************define options logic*************************/
   }, {
     key: "defineOptionsOnArticles",
@@ -25525,8 +25520,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }
         if (dpType == 'AVR') {
-          for (var _i3 = 0; _i3 < article.plannerData.AVRFilter.length; _i3++) {
-            var _filter = article.plannerData.AVRFilter[_i3];
+          for (var _i4 = 0; _i4 < article.plannerData.AVRFilter.length; _i4++) {
+            var _filter = article.plannerData.AVRFilter[_i4];
             if (dockedToArticle.plannerData.AVLFilter.includes(_filter)) {
               var _ops = article.getArticleOptionState('OPT90');
               if (_ops !== null && _ops !== void 0 && _ops.visibleOptionValues['OPV' + _filter]) {
@@ -25892,8 +25887,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
         _loop3(i);
       }
       //bundle Partlistarticles
-      for (var _i4 = 0; _i4 < bundleRules.length; _i4++) {
-        var bundleRule = bundleRules[_i4];
+      for (var _i5 = 0; _i5 < bundleRules.length; _i5++) {
+        var bundleRule = bundleRules[_i5];
         var noBundleFound = false;
         var bundleUsedCounter = 0;
         while (!noBundleFound && (bundleRule.maximalUsage === undefined || bundleRule.maximalUsage > bundleUsedCounter)) {
@@ -26260,6 +26255,12 @@ var DivaConfigTreeData = /*#__PURE__*/function () {
       }
       return undefined;
     }
+  }, {
+    key: "getTabgroupKeyByOptionCodex",
+    value: function getTabgroupKeyByOptionCodex(codex) {
+      var _this$getTabGroupByOp;
+      return (_this$getTabGroupByOp = this.getTabGroupByOptionCodex(codex)) === null || _this$getTabGroupByOp === void 0 ? void 0 : _this$getTabGroupByOp.key;
+    }
   }, {
     key: "getConfigStepByCodex",
     value: function getConfigStepByCodex(codex) {
@@ -26766,8 +26767,8 @@ var DivaConfigTreeData = /*#__PURE__*/function () {
 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$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$9 = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaSet = /*#__PURE__*/function () {
   function DivaSet(catalog, _setId, orderSet, initSetState) {
@@ -26861,7 +26862,7 @@ var DivaSet = /*#__PURE__*/function () {
                         _context.next = 10;
                         break;
                       }
-                      validValues = repairVariantValuesAndPlanner ? article.getValidValues(_objectSpread$a({}, variantValues), article.CatalogData.mergeOptionsToSameOption) : {};
+                      validValues = repairVariantValuesAndPlanner ? article.getValidValues(_objectSpread$b({}, variantValues), article.CatalogData.mergeOptionsToSameOption) : {};
                       _context.t0 = partlistArticlesToLoad;
                       _context.next = 8;
                       return articleHandlerInstance.updateCfgValues(article, repairVariantValuesAndPlanner ? validValues : variantValues, {}, undefined, loadPlas);
@@ -27442,8 +27443,8 @@ var DivaSet = /*#__PURE__*/function () {
       var articles = {};
       for (var basketId in this.divaArticles) {
         articles[basketId] = this.divaArticles[basketId];
-        if (allPartlistArticlesAlso) articles = _objectSpread$a(_objectSpread$a({}, articles), articles[basketId].getRecursivePartlistArticles());
-        if (visiblePartlistArticlesAlso) articles = _objectSpread$a(_objectSpread$a({}, articles), articles[basketId].getRecursivePartlistArticles(true));
+        if (allPartlistArticlesAlso) articles = _objectSpread$b(_objectSpread$b({}, articles), articles[basketId].getRecursivePartlistArticles());
+        if (visiblePartlistArticlesAlso) articles = _objectSpread$b(_objectSpread$b({}, articles), articles[basketId].getRecursivePartlistArticles(true));
       }
       return articles;
     }
@@ -27965,7 +27966,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 3;
-              return import('./DoorPlanner-e12b9365.js');
+              return import('./DoorPlanner-6750d542.js');
             case 3:
               _yield$import = _context4.sent;
               DoorPlanner = _yield$import["default"];
@@ -28806,8 +28807,8 @@ var DivaFavoritesHandler = /*#__PURE__*/function () {
 }();
 var favoritesHandlerInstance = new DivaFavoritesHandler();
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 //Diese Klasse beinhaltet die Logik wie eine aktuelle Konfiguration mit allen möglicheen Ausprägungen mit Preisen in einem Set aussieht.
 //Der in einem Set gemergte Optionsbaum
@@ -29015,6 +29016,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
       var selectAccessoiresWithToggle = arguments.length > 11 ? arguments[11] : undefined;
       var ops = arguments.length > 12 ? arguments[12] : undefined;
       var partlistArticles = arguments.length > 13 ? arguments[13] : undefined;
+      var differentTabgroupType = arguments.length > 14 ? arguments[14] : undefined;
       var notDisplayedInMainConfigTree = false;
       if (!!isAccessoire && selectAccessoiresWithToggle || !!(ops !== null && ops !== void 0 && ops.option.showOnSeparatTabgroup)) {
         notDisplayedInMainConfigTree = true;
@@ -29035,7 +29037,8 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         warning: warning,
         isDefined: isDefined,
         optionstate: ops,
-        partlistArticles: partlistArticles
+        partlistArticles: partlistArticles,
+        differentTabgroupType: differentTabgroupType
       };
       configTree.addOneConfigStepsCount();
       return newconfigStep;
@@ -29049,14 +29052,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         var shelfPlanner = articles[jKey].shelfPlanner;
         if (shelfPlanner !== null && shelfPlanner !== void 0 && shelfPlanner.IsVisible && shelfPlanner.activeGrids.length > 0) {
           var addToSpecificTabGroup = void 0;
-          if (shelfPlanner.showAfterOPT) {
-            for (var key in configTree.tabGroups) {
-              if (configTree.tabGroups[key].options[shelfPlanner.showAfterOPT]) {
-                addToSpecificTabGroup = key;
-                break;
-              }
-            }
-          }
+          if (shelfPlanner.showAfterOPT) addToSpecificTabGroup = configTree.getTabgroupKeyByOptionCodex(shelfPlanner.showAfterOPT);
           if (addToSpecificTabGroup === undefined) {
             addToSpecificTabGroup = 'ShelfPlanner';
             if (!configTree.tabGroups['ShelfPlanner']) {
@@ -29066,6 +29062,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
           }
           var grids = shelfPlanner.activeGrids;
           var _loop = function _loop() {
+            var _grid$ArticleRelation;
             var grid = grids[iKey];
             var gridGroupOrId = grid.gridGroup;
             var index = groupedGrids.findIndex(function (g) {
@@ -29080,22 +29077,45 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 groupName: gridGroupOrId
               });
             }
+            if ((_grid$ArticleRelation = grid.ArticleRelationsForOtherGroups) !== null && _grid$ArticleRelation !== void 0 && _grid$ArticleRelation.length) {
+              var _loop2 = function _loop2() {
+                var group = grid.ArticleRelationsForOtherGroups[i];
+                var index = groupedGrids.findIndex(function (g) {
+                  return g.groupName === group.Group;
+                });
+                if (index >= 0) {
+                  groupedGrids[index].grids.push(grid);
+                } else {
+                  var _configTree$getTabgro;
+                  groupedGrids.push({
+                    addToSpecificTabGroup: group.addToTabgroup ? (_configTree$getTabgro = configTree.getTabgroupKeyByOptionCodex('OPT' + group.addToTabgroup)) !== null && _configTree$getTabgro !== void 0 ? _configTree$getTabgro : 'ShelfPlanner' : 'ShelfPlanner',
+                    grids: [grid],
+                    groupName: group.Group
+                  });
+                }
+              };
+              for (var i = 0; i < grid.ArticleRelationsForOtherGroups.length; i++) {
+                _loop2();
+              }
+            }
           };
           for (var iKey in grids) {
             _loop();
           }
         }
       }
+      var option;
       for (var i = 0; i < groupedGrids.length; i++) {
-        var _grid$groupName, _set$WebConfig2;
-        var grid = groupedGrids[i];
-        var newOption = this.createOptionStep(grid.groupName, grid.groupName, 3);
-        configTree.addOptionStep(grid.addToSpecificTabGroup, grid.groupName, newOption);
-        var groupId = (_grid$groupName = grid.groupName) !== null && _grid$groupName !== void 0 ? _grid$groupName : 'Shelfgroup';
-        var newConfigStep = this.createConfigStep(false, grid.groupName, _toConsumableArray(new Set(grid.grids.map(function (g) {
+        var _group$groupName, _set$WebConfig2;
+        var group = groupedGrids[i];
+        var tabgroupKey = group.addToSpecificTabGroup;
+        option = this.createOptionStep(group.groupName, group.groupName, 3);
+        configTree.addOptionStep(group.addToSpecificTabGroup, group.groupName, option);
+        var groupId = (_group$groupName = group.groupName) !== null && _group$groupName !== void 0 ? _group$groupName : 'Shelfgroup';
+        var newConfigStep = this.createConfigStep(false, group.groupName, _toConsumableArray(new Set(group.grids.map(function (g) {
           return g.basketId;
-        }))), grid.groupName, 'BasketId', groupId, configTree, false, grid.grids[0].getShelfParentShelfId(), grid.grids[0].getRequiredWarning((_set$WebConfig2 = set.WebConfig) === null || _set$WebConfig2 === void 0 ? void 0 : _set$WebConfig2.language), true, set.configAccessoiresInAccessoireStep);
-        configTree.addConfigStep(grid.addToSpecificTabGroup, grid.groupName, grid.groupName, newConfigStep);
+        }))), group.groupName, 'BasketId', groupId, configTree, false, group.grids[0].getShelfParentShelfId(), group.grids[0].getRequiredWarning((_set$WebConfig2 = set.WebConfig) === null || _set$WebConfig2 === void 0 ? void 0 : _set$WebConfig2.language), true, set.configAccessoiresInAccessoireStep, undefined, undefined, 'SHELFPLANNER');
+        configTree.addConfigStep(tabgroupKey, group.groupName, group.groupName, newConfigStep);
       }
     }
   }, {
@@ -29129,13 +29149,13 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
       if (!items) return undefined;
       for (var i = 0; i < items.length; i++) {
         var item = items[i];
-        item.confgigStepKeys = [];
+        item.configStepKeys = [];
         var accessoires = articles[0].getAccessoireByArticleCodex(item.articleCodex);
         if (accessoires) {
-          var _loop2 = function _loop2() {
+          var _loop3 = function _loop3() {
             var accessoire = accessoires[j];
             var configSteKeys = configTree.getConfigStepKeyOfAccessoire(item.articleCodex, accessoire.basketId);
-            if (configSteKeys.length > 0) item.confgigStepKeys = [].concat(_toConsumableArray(item.confgigStepKeys), _toConsumableArray(configSteKeys.map(function (c) {
+            if (configSteKeys.length > 0) item.configStepKeys = [].concat(_toConsumableArray(item.configStepKeys), _toConsumableArray(configSteKeys.map(function (c) {
               return {
                 id: -1,
                 key: c,
@@ -29144,7 +29164,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
             })));
           };
           for (var j = 0; j < accessoires.length; j++) {
-            _loop2();
+            _loop3();
           }
         }
       }
@@ -29323,7 +29343,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
             //get schnittmenge of all the articles
             if (i === 0) {
               constructionRules = myOptionState.constructionRules;
-              configItems = _objectSpread$9({}, myOptionState.visibleOptionValues);
+              configItems = _objectSpread$a({}, myOptionState.visibleOptionValues);
             } else {
               for (var _key2 in configItems) {
                 if (!myOptionState.visibleOptionValues[_key2]) {
@@ -29340,7 +29360,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         }
         if (visibleOptionValuesOfArticles.length > 0) {
           configItems = Object.assign({}, visibleOptionValuesOfArticles[0]);
-          var _loop3 = function _loop3(_i2) {
+          var _loop4 = function _loop4(_i2) {
             var keys = Object.keys(configItems);
             var newKeys = Object.keys(visibleOptionValuesOfArticles[_i2]);
             var opvsOnlyInA = keys.filter(function (x) {
@@ -29350,7 +29370,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
               return !keys.includes(x);
             });
             if (opvsOnlyInA.length && opvsOnlyInB.length) {
-              var _loop4 = function _loop4() {
+              var _loop5 = function _loop5() {
                 var opva = configItems[opvsOnlyInA[j]];
                 var sameOPVExists = opvsOnlyInB.find(function (opvb) {
                   return opva.sameopv && opva.sameopv == visibleOptionValuesOfArticles[_i2][opvb].sameopv;
@@ -29361,10 +29381,10 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }
               };
               for (var j = opvsOnlyInA.length - 1; j >= 0; j--) {
-                _loop4();
+                _loop5();
               }
             } else if (opvsOnlyInA.length) {
-              var _loop5 = function _loop5() {
+              var _loop6 = function _loop6() {
                 var opva = configItems[opvsOnlyInA[_j]];
                 if (!opva) return 1; // continue
                 var sameOPVExists = newKeys.find(function (opvb) {
@@ -29375,10 +29395,10 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }
               };
               for (var _j = opvsOnlyInA.length - 1; _j >= 0; _j--) {
-                if (_loop5()) continue;
+                if (_loop6()) continue;
               }
             } else if (opvsOnlyInB.length) {
-              var _loop6 = function _loop6() {
+              var _loop7 = function _loop7() {
                 var opva = configItems[opvsOnlyInB[_j2]];
                 if (!opva) return 1; // continue
                 var sameOPVExists = keys.find(function (opvb) {
@@ -29389,7 +29409,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }
               };
               for (var _j2 = opvsOnlyInB.length - 1; _j2 >= 0; _j2--) {
-                if (_loop6()) continue;
+                if (_loop7()) continue;
               }
             }
             var differentOPVs = opvsOnlyInA.concat(opvsOnlyInB);
@@ -29398,7 +29418,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
             }
           };
           for (var _i2 = 1; _i2 < visibleOptionValuesOfArticles.length; _i2++) {
-            _loop3(_i2);
+            _loop4(_i2);
           }
         }
         return {
@@ -29450,7 +29470,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
     idmOpgGroupName, idmOpgValCodex, idmOpgOptionCodex, freeTextValue, freeTextLang) {
       var myConfigItemsForView = [],
         objectKeys = Object.keys(myConfigItems);
-      var _loop7 = function _loop7() {
+      var _loop8 = function _loop8() {
         var _ops$optionOcd2, _item$colorGroups, _item$pdfUrl, _item$url;
         var item = myConfigItems[objectKeys[i]];
         var key = objectKeys[i];
@@ -29517,7 +29537,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         });
       };
       for (var i = 0; i < objectKeys.length; i++) {
-        if (_loop7()) continue;
+        if (_loop8()) continue;
       }
       return {
         myConfigItemsForView: myConfigItemsForView
@@ -31014,8 +31034,8 @@ var SummaryHandler = /*#__PURE__*/function () {
 }();
 var summaryHandlerInstance = new SummaryHandler();
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$8 = DivaUtils.initLog('Planner', 'DIVA-SET-HANDLER');
 
 /*
@@ -31505,7 +31525,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$8(_objectSpread$8({}, params), variantValues ? {
+              return this.addPlannerElement(set, articlesToInitialize[j], _objectSpread$9(_objectSpread$9({}, params), variantValues ? {
                 variantValues: variantValues
               } : {}));
             case 18:
@@ -32138,7 +32158,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 _context17.next = 24;
                 break;
               }
-              return _context17.abrupt("return", _objectSpread$8(_objectSpread$8({}, doesFit), {}, {
+              return _context17.abrupt("return", _objectSpread$9(_objectSpread$9({}, doesFit), {}, {
                 accessoire: accessoire
               }));
             case 24:
@@ -32352,7 +32372,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               _context19.next = 28;
               return this.updateArticlesOptionStatesOfActSet(set, {}, [oldParent.basketId, newParent.basketId]);
             case 28:
-              return _context19.abrupt("return", newGrid);
+              return _context19.abrupt("return", newGrid.getGridIdByArticleCodex(accessoire.articleCodex));
             case 29:
             case "end":
               return _context19.stop();
@@ -32570,7 +32590,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
         var articlecodex = plannerElement.articleCodex;
         if (type == 'PLANNERSWITCH' && Object.keys(set.getDivaArticles())[0]) {
           if (plannerViewInfo.catalogPlannerArticles[i].filterType == 'Accessoire') continue;
-          cleanedCaltaogPlannerArticles.push(_objectSpread$8({}, plannerElement));
+          cleanedCaltaogPlannerArticles.push(_objectSpread$9({}, plannerElement));
           var index = cleanedCaltaogPlannerArticles.length - 1;
           cleanedCaltaogPlannerArticles[index].groupName = '';
           if (set.getArticlesByArticleCodex(articlecodex).length > 0) {
@@ -32588,10 +32608,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
               plannerViewInfo.plannerConfiguration.updatePaletteAfterPlanningChanged = true;
             }
           }
-          if (!dontPushElement) cleanedCaltaogPlannerArticles.push(_objectSpread$8({}, plannerElement));
+          if (!dontPushElement) cleanedCaltaogPlannerArticles.push(_objectSpread$9({}, plannerElement));
         }
       }
-      return _objectSpread$8(_objectSpread$8({}, plannerViewInfo), {}, {
+      return _objectSpread$9(_objectSpread$9({}, plannerViewInfo), {}, {
         catalogPlannerArticles: cleanedCaltaogPlannerArticles
       });
     }
@@ -32790,7 +32810,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               filterType = set.configTree.getCurFilterType(configStepKey, optionStatesOfArticle, configItems.configItems);
               stepInfo = set.configTree.getStepInfo(configStepKey, optionStatesOfArticle);
               contentItemId = (_configItems$option = configItems.option) === null || _configItems$option === void 0 ? void 0 : _configItems$option.contentItemId;
-              return _context24.abrupt("return", _objectSpread$8(_objectSpread$8(_objectSpread$8({
+              return _context24.abrupt("return", _objectSpread$9(_objectSpread$9(_objectSpread$9({
                 isRenderedNotInSettingPalette: set.configTree.isRenderedNotInSettingPalette(configStepKey),
                 isRenderedInAccessorieStep: set.configTree.isRenderedInAccessorieStep(configStepKey),
                 visible: set.configTree.getVisibility(configStepKey, visible, set.CatalogData)
@@ -33151,6 +33171,20 @@ var DivaSetHandler = /*#__PURE__*/function () {
         _loop3();
       }
     }
+  }, {
+    key: "checkNotificationRules",
+    value: function checkNotificationRules(set, targetArticles, visitedOptions, event) {
+      var _set$CatalogData$noti;
+      if (!((_set$CatalogData$noti = set.CatalogData.notificationsRules) !== null && _set$CatalogData$noti !== void 0 && _set$CatalogData$noti.length)) return;
+      console.log('checking');
+      var allArticles = set.getDivaArticles(true);
+      var articles = {};
+      for (var i = 0; i < targetArticles.length; i++) {
+        var basketId = targetArticles[i];
+        if (allArticles[basketId]) articles[basketId] = allArticles[basketId];
+      }
+      return articleHandlerInstance.checkNotificationRules(set.CatalogData.notificationsRules, articles, visitedOptions, event);
+    }
   }, {
     key: "updatePosNrOfAccessoiresOfTargetArticles",
     value: function updatePosNrOfAccessoiresOfTargetArticles(set, targetArticles) {
@@ -33199,7 +33233,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 break;
               }
               _context28.next = 17;
-              return this.addArticleToActSet(set, edoArticlesToLoad[_i5].ArticleCodex, _objectSpread$8(_objectSpread$8({}, edoArticlesToLoad[_i5]), {}, {
+              return this.addArticleToActSet(set, edoArticlesToLoad[_i5].ArticleCodex, _objectSpread$9(_objectSpread$9({}, edoArticlesToLoad[_i5]), {}, {
                 basketId: oldBasketIds[_i5]
               }), true);
             case 17:
@@ -33596,7 +33630,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
           origOrderSet.BBox = actOrderSet.BBox;
           origOrderSet.VariantDescription = actOrderSet.VariantDescription;
           if (actOrderSet.ConfigVariants && origOrderSet.ConfigVariants) origOrderSet.ConfigVariants = actOrderSet.ConfigVariants.map(function (variant, index) {
-            return _objectSpread$8(_objectSpread$8({}, variant), {}, {
+            return _objectSpread$9(_objectSpread$9({}, variant), {}, {
               SetImage: origOrderSet.ConfigVariants[index].SetImage,
               HQRenderScript: origOrderSet.ConfigVariants[index].HQRenderScript,
               Set2DImage: origOrderSet.ConfigVariants[index].Set2DImage,
@@ -33807,7 +33841,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                   if (targetArticle[opt] && !variantValues[opt]) variantValues[opt] = targetArticle[opt];
                 }
               }
-              configVariant = new ConfigVariantData(index, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils.encodeBase64(set.plannerHandler.getProject3D(set.getSetId())), set.getVariantsDescription(), set.SetArticleNr, set.getSetPrice(), set.setHash, 1, set.getVariantBasketData(), articleHandlerInstance.getCompactOrderLine(_objectSpread$8(_objectSpread$8({}, set.getDivaArticles()), set.getPartlistArticlesOfSet())), variantValues, summaryHandlerInstance.convertSummaryItemsToSummaryInfo(set), plannerData != undefined ? DivaUtils.encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, this.getBBoxObject(set), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils.stripTagsFromDict(set.getVariantsDescription_locales()), (_basket$OrderSets$set = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set === void 0 || (_basket$OrderSets$set = _basket$OrderSets$set[set.basketConfigVariants.length]) === null || _basket$OrderSets$set === void 0 ? void 0 : _basket$OrderSets$set.SetOrderText, (_basket$OrderSets$set2 = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set2 === void 0 || (_basket$OrderSets$set2 = _basket$OrderSets$set2[set.basketConfigVariants.length]) === null || _basket$OrderSets$set2 === void 0 ? void 0 : _basket$OrderSets$set2.SetOrderText_locales);
+              configVariant = new ConfigVariantData(index, set.setName, set.setName_locales, setImage, (_hQRenderScript = hQRenderScript) === null || _hQRenderScript === void 0 ? void 0 : _hQRenderScript._id, DivaUtils.encodeBase64(set.plannerHandler.getProject3D(set.getSetId())), set.getVariantsDescription(), set.SetArticleNr, set.getSetPrice(), set.setHash, 1, set.getVariantBasketData(), articleHandlerInstance.getCompactOrderLine(_objectSpread$9(_objectSpread$9({}, set.getDivaArticles()), set.getPartlistArticlesOfSet())), variantValues, summaryHandlerInstance.convertSummaryItemsToSummaryInfo(set), plannerData != undefined ? DivaUtils.encodeBase64(JSON.stringify(plannerData)) : '', urlToPlanning2D, this.getBBoxObject(set), set.getBruttoSetPrice(), undefined, undefined, set.MetaData, set.MetaData_locales, DivaUtils.stripTagsFromDict(set.getVariantsDescription_locales()), (_basket$OrderSets$set = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set === void 0 || (_basket$OrderSets$set = _basket$OrderSets$set[set.basketConfigVariants.length]) === null || _basket$OrderSets$set === void 0 ? void 0 : _basket$OrderSets$set.SetOrderText, (_basket$OrderSets$set2 = basket.OrderSets[setindex].ConfigVariants) === null || _basket$OrderSets$set2 === void 0 || (_basket$OrderSets$set2 = _basket$OrderSets$set2[set.basketConfigVariants.length]) === null || _basket$OrderSets$set2 === void 0 ? void 0 : _basket$OrderSets$set2.SetOrderText_locales);
               set.basketConfigVariants.push(configVariant);
             case 28:
             case "end":
@@ -34640,8 +34674,8 @@ var Rendering = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$6 = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaBasketHandler = /*#__PURE__*/function () {
   function DivaBasketHandler(plannerConfig) {
@@ -35059,7 +35093,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$7({}, basketFromAPI);
+              basket = _objectSpread$8({}, basketFromAPI);
               if (!basketFromAPI) {
                 _context5.next = 50;
                 break;
@@ -35658,7 +35692,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
         if (_loop2()) continue;
       }
       var variantValues = article.VariantValuesParentOption;
-      var data = _objectSpread$7(_objectSpread$7({}, this.actBasket), {}, {
+      var data = _objectSpread$8(_objectSpread$8({}, this.actBasket), {}, {
         changedValues: changedValues,
         variantValues: variantValues,
         isInit: isInit,
@@ -35683,7 +35717,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context13.next = 5;
-              return import('./PfisterWWSHandler-1e923387.js');
+              return import('./PfisterWWSHandler-1d782245.js');
             case 5:
               _yield$import = _context13.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -35691,7 +35725,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 9:
               _context13.next = 11;
-              return import('./LiviqueWWSHandler-1a26a92d.js');
+              return import('./LiviqueWWSHandler-87d0d00e.js');
             case 11:
               _yield$import2 = _context13.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -35699,7 +35733,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 15:
               _context13.next = 17;
-              return import('./SeriousBasketHandler-caa5b1c6.js');
+              return import('./SeriousBasketHandler-a0be8507.js');
             case 17:
               _yield$import3 = _context13.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -35707,7 +35741,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 21:
               _context13.next = 23;
-              return import('./ProductBasketHandler-f30038df.js');
+              return import('./ProductBasketHandler-90da988d.js');
             case 23:
               _yield$import4 = _context13.sent;
               ProductWWSHandler = _yield$import4["default"];
@@ -35715,7 +35749,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 33);
             case 27:
               _context13.next = 29;
-              return import('./StandardWWSHandler-06779298.js');
+              return import('./StandardWWSHandler-4e51bfd3.js');
             case 29:
               _yield$import5 = _context13.sent;
               StandardWWSHandler = _yield$import5["default"];
@@ -36285,8 +36319,8 @@ var ViewPointHandler = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$4 = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var DivaMediaServiceHandler = /*#__PURE__*/function () {
   //-------------------------------------------------- INITIALIZATION--------------------------------------------------------------//
@@ -36352,7 +36386,7 @@ var DivaMediaServiceHandler = /*#__PURE__*/function () {
               return fetch(url, {
                 method: 'GET',
                 mode: 'cors',
-                headers: _objectSpread$6({}, this.jwt ? {
+                headers: _objectSpread$7({}, this.jwt ? {
                   authorization: "Bearer ".concat(this.jwt)
                 } : {
                   'X-API-KEY': this.mediaServiceApiKey
@@ -36652,8 +36686,8 @@ var HQRenderScript = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -36920,7 +36954,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
                 break;
               }
               _context3.next = 3;
-              return import('./Host3DSignalR-77879247.js');
+              return import('./Host3DSignalR-dd1cbc2e.js');
             case 3:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -37584,12 +37618,12 @@ var PlannerHandler3D = /*#__PURE__*/function () {
     key: "getProductHash",
     value: function getProductHash(planningData) {
       return md5(JSON.stringify(planningData.SCE.ROO[0].SET.map(function (set) {
-        return _objectSpread$5(_objectSpread$5({}, set), {}, {
+        return _objectSpread$6(_objectSpread$6({}, set), {}, {
           TechSize: undefined,
           ShowDim: undefined,
           AlternateImg: undefined,
           ELE: set.ELE.map(function (el) {
-            return _objectSpread$5(_objectSpread$5({}, el), {}, {
+            return _objectSpread$6(_objectSpread$6({}, el), {}, {
               TechSize: undefined
             });
           })
@@ -37882,7 +37916,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
                           });
                           _this2.liveArSocket.on('connected', function (data) {
                             LOG$3.debug('AR Socket connected ' + data.connectionId);
-                            _this2.liveArSocket.auth = _objectSpread$5(_objectSpread$5({}, _this2.liveArSocket.auth), {}, {
+                            _this2.liveArSocket.auth = _objectSpread$6(_objectSpread$6({}, _this2.liveArSocket.auth), {}, {
                               connectionId: data.connectionId
                             });
                             resolve(_this2.liveArViewerUrl + '?liveArConnectionId=' + data.connectionId + '&organizationId=' + _this2.renderSettings.OrganizationId + '&divaSessionId=' + DivaUtils.SessionId);
@@ -38480,7 +38514,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
                 break;
               }
               _context4.next = 11;
-              return import('./DivaSingleProductPlanner-b92c70df.js');
+              return import('./DivaSingleProductPlanner-38d5fe25.js');
             case 11:
               _yield$import = _context4.sent;
               DivaSingleProductPlanner = _yield$import["default"];
@@ -38489,7 +38523,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 16:
               _context4.next = 18;
-              return import('./DivaStandardPlanner-cb786656.js');
+              return import('./DivaStandardPlanner-28bbaf33.js');
             case 18:
               _yield$import2 = _context4.sent;
               DivaStandardPlanner = _yield$import2["default"];
@@ -38501,7 +38535,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 29);
             case 23:
               _context4.next = 25;
-              return import('./DivaBoxPlanner-78961298.js');
+              return import('./DivaBoxPlanner-dc6b9986.js');
             case 25:
               _yield$import3 = _context4.sent;
               DivaBoxPlanner = _yield$import3["default"];
@@ -39383,8 +39417,8 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
   Das ist der Konstruktor für den ganzen Web Planner. 
   Er baut alle Klassen und initialisiert sie. 
@@ -39626,16 +39660,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var _this$updateStaticRoo2;
       (_this$updateStaticRoo2 = _this.updateStaticRoomListItems) === null || _this$updateStaticRoo2 === void 0 || _this$updateStaticRoo2.call(_this, setHandlerInstance.getStaticRoomListItems(_this.actSet()), dontUpdateView);
     });
-    _defineProperty(this, "loadShelfPlannerItems", function (configStepKey) {
+    _defineProperty(this, "loadShelfPlannerItems", function (paletteId, configStepKey, from) {
       var _this$updateShelfPlan;
       var _DivaSetHandler$getSh = setHandlerInstance.getShelfPlannerItems(_this.actSet(), configStepKey),
         accessoires = _DivaSetHandler$getSh.accessoires,
         grids = _DivaSetHandler$getSh.grids;
-      (_this$updateShelfPlan = _this.updateShelfPlannerItems) === null || _this$updateShelfPlan === void 0 || _this$updateShelfPlan.call(_this, accessoires, grids);
+      (_this$updateShelfPlan = _this.updateShelfPlannerItems) === null || _this$updateShelfPlan === void 0 || _this$updateShelfPlan.call(_this, paletteId, accessoires, grids, configStepKey, from);
     });
     _defineProperty(this, "loadDoorPlannerItems", function (configStepKey) {
       var _this$updateDoorPlann;
-      (_this$updateDoorPlann = _this.updateDoorPlannerItems) === null || _this$updateDoorPlann === void 0 || _this$updateDoorPlann.call(_this, setHandlerInstance.getDoorPlannerItems(_this.actSet(), configStepKey));
+      (_this$updateDoorPlann = _this.updateDoorPlannerItems) === null || _this$updateDoorPlann === void 0 || _this$updateDoorPlann.call(_this, setHandlerInstance.getDoorPlannerItems(_this.actSet(), configStepKey), configStepKey);
     });
     /**
      * This function is called when switching from one planning to another. All Planner handler are destroyed.
@@ -39759,7 +39793,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(this, "addAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(gridIndex, cellIndex, parentBasketId, confgigStepKey) {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
         var _this$actions9, _this$actions9$toggle, _this$actions10, _this$actions10$toggl;
         var set, retVal, _this$updateViewPlann3;
         return _regeneratorRuntime.wrap(function _callee5$(_context5) {
@@ -39773,7 +39807,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               retVal = _context5.sent;
               (_this$actions10 = _this.actions) === null || _this$actions10 === void 0 || (_this$actions10$toggl = _this$actions10.toggleLoading) === null || _this$actions10$toggl === void 0 || _this$actions10$toggl.call(_this$actions10, 'LoadingArticle', false, false);
               if (retVal !== false) {
-                _this.loadShelfPlannerItems(confgigStepKey);
+                _this.loadShelfPlannerItems(paletteId, configStepKey, 'add accessoire');
                 _this.updateConfigStructure();
                 _this.updatePriceInView();
                 _this.updateViewButtonsDependigOnConfigStructure();
@@ -39787,11 +39821,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee5);
       }));
-      return function (_x12, _x13, _x14, _x15) {
+      return function (_x12, _x13, _x14, _x15, _x16) {
         return _ref5.apply(this, arguments);
       };
     }());
-    _defineProperty(this, "moveShelfItem", function (grid, initialIndex, finalIndex, configStepKey) {
+    _defineProperty(this, "moveShelfItem", function (paletteId, grid, initialIndex, finalIndex, configStepKey) {
       var _this$updateViewPlann4;
       var set = _this.actSet();
       var result = setHandlerInstance.moveShelfItem(set, grid, initialIndex, finalIndex);
@@ -39800,7 +39834,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         (_this$updatePlannerMs = _this.updatePlannerMsgContainer) === null || _this$updatePlannerMs === void 0 || _this$updatePlannerMs.call(_this, 'COULD_NOT_MOVE_SHELVES', true, 'INFO', (_this$i18n3 = _this.i18n()) === null || _this$i18n3 === void 0 ? void 0 : _this$i18n3.t('configurator.move_resetted'), true);
       }
       _this.updateConfigStructure();
-      _this.loadShelfPlannerItems(configStepKey);
+      _this.loadShelfPlannerItems(paletteId, configStepKey, 'move sheld');
       (_this$updateViewPlann4 = _this.updateViewPlannerElements) === null || _this$updateViewPlann4 === void 0 || _this$updateViewPlann4.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
       _this.updatePlannerView('MOVE_SHELF_ITEM');
     });
@@ -39809,7 +39843,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       _this.updatePlannerView('MOVE_DOORS');
     });
     _defineProperty(this, "deleteAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(gridIndex, cellIndex, parentBasketId, confgigStepKey) {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
         var _this$updateViewPlann5;
         var set;
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
@@ -39820,7 +39854,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               return setHandlerInstance.deleteAccessorieOnShelfPlanner(set, gridIndex, cellIndex, parentBasketId);
             case 3:
               _this.updateConfigStructure();
-              _this.loadShelfPlannerItems(confgigStepKey);
+              _this.loadShelfPlannerItems(paletteId, configStepKey, 'delete accessorie');
               _this.updatePriceInView();
               _this.updateViewButtonsDependigOnConfigStructure();
               (_this$updateViewPlann5 = _this.updateViewPlannerElements) === null || _this$updateViewPlann5 === void 0 || _this$updateViewPlann5.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
@@ -39831,7 +39865,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee6);
       }));
-      return function (_x16, _x17, _x18, _x19) {
+      return function (_x17, _x18, _x19, _x20, _x21) {
         return _ref6.apply(this, arguments);
       };
     }());
@@ -39861,7 +39895,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee7);
       }));
-      return function (_x20, _x21, _x22, _x23, _x24, _x25, _x26) {
+      return function (_x22, _x23, _x24, _x25, _x26, _x27, _x28) {
         return _ref7.apply(this, arguments);
       };
     }());
@@ -39904,7 +39938,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee8);
       }));
-      return function (_x27, _x28, _x29, _x30) {
+      return function (_x29, _x30, _x31, _x32) {
         return _ref8.apply(this, arguments);
       };
     }());
@@ -39934,7 +39968,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee9);
       }));
-      return function (_x31, _x32) {
+      return function (_x33, _x34) {
         return _ref9.apply(this, arguments);
       };
     }());
@@ -39981,7 +40015,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee10);
       }));
-      return function (_x33, _x34, _x35, _x36, _x37, _x38) {
+      return function (_x35, _x36, _x37, _x38, _x39, _x40) {
         return _ref10.apply(this, arguments);
       };
     }());
@@ -39997,7 +40031,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     //onConfigItemClick ist ein Click auf das Item der ConfigPalette um die OPV zu ändern
     _defineProperty(this, "doConfigure", /*#__PURE__*/function () {
       var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents) {
-        var set, returnValues, structure, _returnValues$element, _this$updateFreePlace, _this$updateViewPlann8, _this$updateElementSe4;
+        var set, returnValues, structure, _returnValues$element, _this$updateViewPlann8, _this$updateElementSe4;
         return _regeneratorRuntime.wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
             case 0:
@@ -40009,7 +40043,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               structure = setHandlerInstance.loadConfigStructureOfActSet(set, _this.getCurPlannerType());
               _this.checkVariantData();
               if (dontUpdatePlannerView) {
-                _context11.next = 22;
+                _context11.next = 16;
                 break;
               }
               _this.updateConfiguratorStructure(structure);
@@ -40023,32 +40057,22 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.updateViewButtonsDependigOnConfigStructure();
               _this.updatePlannerView('DO_CONFIGURE', myValues);
               _this.updateWebConfiguratorTitle();
-              _context11.t0 = (_this$updateFreePlace = _this.updateFreePlacesOnGrids) === null || _this$updateFreePlace === void 0;
-              if (_context11.t0) {
-                _context11.next = 22;
-                break;
-              }
-              _context11.t1 = _this$updateFreePlace;
-              _context11.t2 = _this;
-              _context11.next = 20;
-              return _this.getFreePlacesOnGrids();
-            case 20:
-              _context11.t3 = _context11.sent;
-              _context11.t1.call.call(_context11.t1, _context11.t2, _context11.t3);
-            case 22:
+              _context11.next = 16;
+              return _this.getFreePlacesOnGrids(undefined, 'doConfigure');
+            case 16:
               if (dontCallEvents) {
-                _context11.next = 25;
+                _context11.next = 19;
                 break;
               }
-              _context11.next = 25;
+              _context11.next = 19;
               return _this.fillBaksetforOnWebPlanerConfigChange(myValues);
-            case 25:
+            case 19:
             case "end":
               return _context11.stop();
           }
         }, _callee11);
       }));
-      return function (_x39, _x40, _x41, _x42) {
+      return function (_x41, _x42, _x43, _x44) {
         return _ref11.apply(this, arguments);
       };
     }());
@@ -40092,7 +40116,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee12);
       }));
-      return function (_x43, _x44) {
+      return function (_x45, _x46) {
         return _ref12.apply(this, arguments);
       };
     }());
@@ -40520,7 +40544,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee16, this);
       }));
-      function runInitMode(_x45) {
+      function runInitMode(_x47) {
         return _runInitMode.apply(this, arguments);
       }
       return runInitMode;
@@ -40601,7 +40625,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee17, this);
       }));
-      function addSetToActPlanningByDivaNr(_x46) {
+      function addSetToActPlanningByDivaNr(_x48) {
         return _addSetToActPlanningByDivaNr.apply(this, arguments);
       }
       return addSetToActPlanningByDivaNr;
@@ -40632,7 +40656,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee18, this);
       }));
-      function initProductId(_x47) {
+      function initProductId(_x49) {
         return _initProductId.apply(this, arguments);
       }
       return initProductId;
@@ -40686,7 +40710,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee19, this);
       }));
-      function setActSetCurConfigStepKey(_x48) {
+      function setActSetCurConfigStepKey(_x50) {
         return _setActSetCurConfigStepKey.apply(this, arguments);
       }
       return setActSetCurConfigStepKey;
@@ -40824,7 +40848,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "deletePlannerElement",
     value: function () {
       var _deletePlannerElement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee20(setId, elementId, denyElementSelectionClear) {
-        var _this$updateViewPlann11, _this$updateFreePlace2;
+        var _this$updateViewPlann11;
         var set, result, _this$updateElementSe5, _this$updateElementSe6;
         return _regeneratorRuntime.wrap(function _callee20$(_context20) {
           while (1) switch (_context20.prev = _context20.next) {
@@ -40844,25 +40868,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               this.updatePriceInView();
               this.checkVariantData();
-              _context20.t0 = (_this$updateFreePlace2 = this.updateFreePlacesOnGrids) === null || _this$updateFreePlace2 === void 0;
-              if (_context20.t0) {
-                _context20.next = 20;
-                break;
-              }
-              _context20.t1 = _this$updateFreePlace2;
-              _context20.t2 = this;
-              _context20.next = 18;
-              return this.getFreePlacesOnGrids();
-            case 18:
-              _context20.t3 = _context20.sent;
-              _context20.t1.call.call(_context20.t1, _context20.t2, _context20.t3);
-            case 20:
+              _context20.next = 14;
+              return this.getFreePlacesOnGrids(undefined, 'deleteElement');
+            case 14:
             case "end":
               return _context20.stop();
           }
         }, _callee20, this);
       }));
-      function deletePlannerElement(_x49, _x50, _x51) {
+      function deletePlannerElement(_x51, _x52, _x53) {
         return _deletePlannerElement.apply(this, arguments);
       }
       return deletePlannerElement;
@@ -40909,7 +40923,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee21, this);
       }));
-      function copyPlannerElement(_x52, _x53, _x54, _x55) {
+      function copyPlannerElement(_x54, _x55, _x56, _x57) {
         return _copyPlannerElement.apply(this, arguments);
       }
       return copyPlannerElement;
@@ -40930,14 +40944,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     }
   }, {
     key: "selectShelfAccArticle",
-    value: function selectShelfAccArticle(gridGroup, targetArticles, confgigStepKey, articleCodex) {
-      setHandlerInstance.selectShelfAccArticle(this.actSet(), gridGroup, targetArticles, articleCodex);
-      this.loadShelfPlannerItems(confgigStepKey);
+    value: function selectShelfAccArticle(gridGroup, targetArticles, articleCodex) {
+      var set = this.actSet();
+      if (!set) return;
+      setHandlerInstance.selectShelfAccArticle(set, gridGroup, targetArticles, articleCodex);
     }
   }, {
     key: "getFreePlacesOnGrids",
     value: function () {
-      var _getFreePlacesOnGrids = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22(gridGroup) {
+      var _getFreePlacesOnGrids = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22(gridGroup, from) {
+        var _this$updateFreePlace;
         var set, freeShelfGrids, plannedShelfGrids;
         return _regeneratorRuntime.wrap(function _callee22$(_context22) {
           while (1) switch (_context22.prev = _context22.next) {
@@ -40965,17 +40981,22 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               freeShelfGrids = _context22.t0;
               plannedShelfGrids = setHandlerInstance.getPlannedShelfGrids(set);
               LOG$1.debug('TOULA', 'freeShelfGrids', freeShelfGrids, 'plannedShelfGrids', plannedShelfGrids);
+              LOG$1.debug('update free from: ' + from, 'freeShelfGrids', freeShelfGrids, 'plannedShelfGrids', plannedShelfGrids);
+              (_this$updateFreePlace = this.updateFreePlacesOnGrids) === null || _this$updateFreePlace === void 0 || _this$updateFreePlace.call(this, {
+                freeShelfGrids: freeShelfGrids,
+                plannedShelfGrids: plannedShelfGrids
+              });
               return _context22.abrupt("return", {
                 freeShelfGrids: freeShelfGrids,
                 plannedShelfGrids: plannedShelfGrids
               });
-            case 14:
+            case 16:
             case "end":
               return _context22.stop();
           }
         }, _callee22, this);
       }));
-      function getFreePlacesOnGrids(_x56) {
+      function getFreePlacesOnGrids(_x58, _x59) {
         return _getFreePlacesOnGrids.apply(this, arguments);
       }
       return getFreePlacesOnGrids;
@@ -40993,8 +41014,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "moveShelfItemToGrid",
     value: function () {
       var _moveShelfItemToGrid = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23(accessoireBasketId, parentBasketId, gridName, cellIndex) {
-        var _this$updateFreePlace3;
-        var set, newGrid;
+        var set, newGridId;
         return _regeneratorRuntime.wrap(function _callee23$(_context23) {
           while (1) switch (_context23.prev = _context23.next) {
             case 0:
@@ -41008,31 +41028,21 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _context23.next = 5;
               return setHandlerInstance.moveShelfItemToGrid(set, accessoireBasketId, parentBasketId, gridName, cellIndex);
             case 5:
-              newGrid = _context23.sent;
+              newGridId = _context23.sent;
               this.updatePlannerView('MOVE_SHELF_ITEM');
-              if (!newGrid) {
-                _context23.next = 16;
+              if (!newGridId) {
+                _context23.next = 10;
                 break;
               }
-              _context23.t0 = (_this$updateFreePlace3 = this.updateFreePlacesOnGrids) === null || _this$updateFreePlace3 === void 0;
-              if (_context23.t0) {
-                _context23.next = 16;
-                break;
-              }
-              _context23.t1 = _this$updateFreePlace3;
-              _context23.t2 = this;
-              _context23.next = 14;
-              return this.getFreePlacesOnGrids(newGrid.group);
-            case 14:
-              _context23.t3 = _context23.sent;
-              _context23.t1.call.call(_context23.t1, _context23.t2, _context23.t3);
-            case 16:
+              _context23.next = 10;
+              return this.getFreePlacesOnGrids(newGridId, 'move shelf');
+            case 10:
             case "end":
               return _context23.stop();
           }
         }, _callee23, this);
       }));
-      function moveShelfItemToGrid(_x57, _x58, _x59, _x60) {
+      function moveShelfItemToGrid(_x60, _x61, _x62, _x63) {
         return _moveShelfItemToGrid.apply(this, arguments);
       }
       return moveShelfItemToGrid;
@@ -41060,7 +41070,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee24, this);
       }));
-      function resetArticle(_x61) {
+      function resetArticle(_x64) {
         return _resetArticle.apply(this, arguments);
       }
       return resetArticle;
@@ -41296,7 +41306,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee26, this);
       }));
-      function saveToBasketWrapper(_x62, _x63, _x64) {
+      function saveToBasketWrapper(_x65, _x66, _x67) {
         return _saveToBasketWrapper.apply(this, arguments);
       }
       return saveToBasketWrapper;
@@ -41470,7 +41480,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee27, this);
       }));
-      function saveToBasket(_x65, _x66, _x67) {
+      function saveToBasket(_x68, _x69, _x70) {
         return _saveToBasket.apply(this, arguments);
       }
       return saveToBasket;
@@ -41480,6 +41490,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     value: function confirmOptionsInMetric(options) {
       setHandlerInstance.confirmOptionsInMetric(this.actSet(), options, 'onConfirmConfig');
     }
+  }, {
+    key: "checkNotificationRules",
+    value: function checkNotificationRules(targetArticles, visitedOptions, event) {
+      var set = this.actSet();
+      if (!set) return;
+      return setHandlerInstance.checkNotificationRules(set, targetArticles, visitedOptions, event);
+    }
 
     /**
      * This function returns true if the Planner Mode should be visible and the planner Step should be shown.
@@ -41612,54 +41629,60 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var _this$actSet18;
       return (_this$actSet18 = this.actSet()) === null || _this$actSet18 === void 0 || (_this$actSet18 = _this$actSet18.CatalogData) === null || _this$actSet18 === void 0 ? void 0 : _this$actSet18.doShow3DDimensionLines;
     }
+  }, {
+    key: "hidePlannerUiIcons",
+    value: function hidePlannerUiIcons() {
+      var _this$actSet19;
+      return (_this$actSet19 = this.actSet()) === null || _this$actSet19 === void 0 || (_this$actSet19 = _this$actSet19.CatalogData) === null || _this$actSet19 === void 0 ? void 0 : _this$actSet19.hidePlannerUiIcons;
+    }
   }, {
     key: "doShowPlannerReplaceMode",
     value: function doShowPlannerReplaceMode() {
-      var _this$actSet19, _this$api$getViewConf2;
-      var catalogData = (_this$actSet19 = this.actSet()) === null || _this$actSet19 === void 0 ? void 0 : _this$actSet19.CatalogData;
-      return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.replaceModeActive) && ((_this$api$getViewConf2 = this.api.getViewConfig()) === null || _this$api$getViewConf2 === void 0 ? void 0 : _this$api$getViewConf2.showReplaceFunctionInPlanner) && Object.entries(catalogData.allCatalogPlannerArticles).length > 1;
+      var _this$actSet20, _this$api$getViewConf2, _catalogData$PlannerP, _catalogData$PlannerP2;
+      var catalogData = (_this$actSet20 = this.actSet()) === null || _this$actSet20 === void 0 ? void 0 : _this$actSet20.CatalogData;
+      return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.replaceModeActive) && ((_this$api$getViewConf2 = this.api.getViewConfig()) === null || _this$api$getViewConf2 === void 0 ? void 0 : _this$api$getViewConf2.showReplaceFunctionInPlanner) && Object.entries(catalogData.allCatalogPlannerArticles).length > 1 && Object.entries((_catalogData$PlannerP = (_catalogData$PlannerP2 = catalogData.PlannerPaletteViewInfo) === null || _catalogData$PlannerP2 === void 0 ? void 0 : _catalogData$PlannerP2.catalogPlannerArticles) !== null && _catalogData$PlannerP !== void 0 ? _catalogData$PlannerP : {}).length > 1;
     }
   }, {
     key: "doPlannerReplaceAutoSwitch",
     value: function doPlannerReplaceAutoSwitch() {
-      var _this$actSet20, _this$api$getViewConf3;
-      var catalogData = (_this$actSet20 = this.actSet()) === null || _this$actSet20 === void 0 ? void 0 : _this$actSet20.CatalogData;
+      var _this$actSet21, _this$api$getViewConf3;
+      var catalogData = (_this$actSet21 = this.actSet()) === null || _this$actSet21 === void 0 ? void 0 : _this$actSet21.CatalogData;
       return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.catalogPlannsCompletely) && this.doShowPlannerReplaceMode() && ((_this$api$getViewConf3 = this.api.getViewConfig()) === null || _this$api$getViewConf3 === void 0 ? void 0 : _this$api$getViewConf3.allowAutoSwitchInReplaceFunctionInPlanner);
     }
   }, {
     key: "getHidePlanner",
     value: function getHidePlanner() {
-      var _this$actSet21;
-      return this.api.getHidePlanner() || !!((_this$actSet21 = this.actSet()) !== null && _this$actSet21 !== void 0 && _this$actSet21.CatalogData.useBoxPlanner);
+      var _this$actSet22;
+      return this.api.getHidePlanner() || !!((_this$actSet22 = this.actSet()) !== null && _this$actSet22 !== void 0 && _this$actSet22.CatalogData.useBoxPlanner);
     }
   }, {
     key: "getAllowRTV",
     value: function getAllowRTV() {
-      var _this$actSet22, _this$actSet23;
-      if ((_this$actSet22 = this.actSet()) !== null && _this$actSet22 !== void 0 && _this$actSet22.CatalogData.divaForceRTV) return true;
-      if (this.api.getDoShowRTV() && (_this$actSet23 = this.actSet()) !== null && _this$actSet23 !== void 0 && _this$actSet23.CatalogData.divaArReady) return true;
+      var _this$actSet23, _this$actSet24;
+      if ((_this$actSet23 = this.actSet()) !== null && _this$actSet23 !== void 0 && _this$actSet23.CatalogData.divaForceRTV) return true;
+      if (this.api.getDoShowRTV() && (_this$actSet24 = this.actSet()) !== null && _this$actSet24 !== void 0 && _this$actSet24.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
     key: "geAllowQRCodeAR",
     value: function geAllowQRCodeAR() {
-      var _this$actSet24;
-      if (this.api.getDoShowAR() && (_this$actSet24 = this.actSet()) !== null && _this$actSet24 !== void 0 && _this$actSet24.CatalogData.divaArReady) return true;
+      var _this$actSet25;
+      if (this.api.getDoShowAR() && (_this$actSet25 = this.actSet()) !== null && _this$actSet25 !== void 0 && _this$actSet25.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
     key: "getEnableUnityRtvKombi",
     value: function getEnableUnityRtvKombi() {
-      var _this$actSet25;
+      var _this$actSet26;
       // if force rtv disable unity kombi - biohort
-      if ((_this$actSet25 = this.actSet()) !== null && _this$actSet25 !== void 0 && _this$actSet25.CatalogData.divaForceRTV) return false;
+      if ((_this$actSet26 = this.actSet()) !== null && _this$actSet26 !== void 0 && _this$actSet26.CatalogData.divaForceRTV) return false;
       return this.api.getEnableRTVUnityKombi();
     }
   }, {
     key: "getShelfPlannerRTV",
     value: function getShelfPlannerRTV() {
-      var _this$actSet26;
-      return (_this$actSet26 = this.actSet()) === null || _this$actSet26 === void 0 ? void 0 : _this$actSet26.CatalogData.useShelfPlannerRTV;
+      var _this$actSet27;
+      return (_this$actSet27 = this.actSet()) === null || _this$actSet27 === void 0 ? void 0 : _this$actSet27.CatalogData.useShelfPlannerRTV;
     }
   }, {
     key: "getDiva3DSuppressCacheCreation",
@@ -41710,8 +41733,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCatalogData",
     value: function getCatalogData() {
-      var _this$actSet27;
-      return (_this$actSet27 = this.actSet()) === null || _this$actSet27 === void 0 ? void 0 : _this$actSet27.CatalogData;
+      var _this$actSet28;
+      return (_this$actSet28 = this.actSet()) === null || _this$actSet28 === void 0 ? void 0 : _this$actSet28.CatalogData;
     }
   }, {
     key: "ReturnTo",
@@ -41859,7 +41882,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee29, this);
       }));
-      function addToBasket(_x68) {
+      function addToBasket(_x71) {
         return _addToBasket.apply(this, arguments);
       }
       return addToBasket;
@@ -42150,7 +42173,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           while (1) switch (_context30.prev = _context30.next) {
             case 0:
               //empty services
-              this.api = new DivaApiHandler(_objectSpread$4(_objectSpread$4({}, this.plannerConfig), {}, {
+              this.api = new DivaApiHandler(_objectSpread$5(_objectSpread$5({}, this.plannerConfig), {}, {
                 actions: {
                   getSessionGuid: getSessionGuid
                 },
@@ -42170,7 +42193,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee30, this);
       }));
-      function initApiForLogicOnly(_x69, _x70, _x71, _x72, _x73, _x74, _x75) {
+      function initApiForLogicOnly(_x72, _x73, _x74, _x75, _x76, _x77, _x78) {
         return _initApiForLogicOnly.apply(this, arguments);
       }
       return initApiForLogicOnly;
@@ -42257,7 +42280,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee32, this);
       }));
-      function initBasket(_x76, _x77) {
+      function initBasket(_x79, _x80) {
         return _initBasket.apply(this, arguments);
       }
       return initBasket;
@@ -42334,7 +42357,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee34, this);
       }));
-      function handleFavorites(_x78) {
+      function handleFavorites(_x81) {
         return _handleFavorites.apply(this, arguments);
       }
       return handleFavorites;
@@ -42388,7 +42411,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee35, this);
       }));
-      function initSapOrderLinesFromBasket(_x79, _x80, _x81) {
+      function initSapOrderLinesFromBasket(_x82, _x83, _x84) {
         return _initSapOrderLinesFromBasket.apply(this, arguments);
       }
       return initSapOrderLinesFromBasket;
@@ -42807,12 +42830,12 @@ var Cell = /*#__PURE__*/function () {
   }, {
     key: "NoDelete",
     get: function get() {
-      return this.noDelete;
+      return !!this.noDelete;
     }
   }, {
     key: "NoMove",
     get: function get() {
-      return this.noMove;
+      return !!this.noMove;
     }
   }, {
     key: "OnBoard",
@@ -42858,6 +42881,8 @@ var Cell = /*#__PURE__*/function () {
   }]);
 }();
 
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Grid = /*#__PURE__*/function () {
   function Grid(index, article, data) {
     _classCallCheck(this, Grid);
@@ -42885,6 +42910,7 @@ var Grid = /*#__PURE__*/function () {
     _defineProperty(this, "cells", []);
     //all the different accessoires selectable to place in the grid. can be absolute defined in grid.ArticleRelations or can change due to the heightGridCellCountOnRule where we rule is depending on the current configuration of the article.
     _defineProperty(this, "articleRelations", void 0);
+    _defineProperty(this, "articleRelationsForOtherGroups", void 0);
     //if in theis grid an shelfaccessoire is planned laod this article aswell
     _defineProperty(this, "montageOptions", void 0);
     //this option gets triggered when the shelfplanner is visible and set back when navigating out of shelfstep
@@ -42922,6 +42948,7 @@ var Grid = /*#__PURE__*/function () {
     this._group = grid.Group;
     this.articleRelations = grid.ArticleRelations;
     this.initAccArr = grid.initAccArr;
+    this.articleRelationsForOtherGroups = grid.ArticleRelationsForOtherGroups;
     this.direction = grid.GridDirection || data.GridDirection || 'horizontal';
     var cellCount = grid.HeightGridCellCount;
     if (this.heightGridCellCountOnRule) {
@@ -43606,7 +43633,7 @@ var Grid = /*#__PURE__*/function () {
       for (var i = 0; i < this.Cells.length; i++) {
         var _cell$Article4;
         var cell = this.Cells[i];
-        if (!this.ArticleRelations.includes(accessoire.articleCodex)) continue;
+        if (!this.getAllArticleRelations().includes(accessoire.articleCodex)) continue;
         var ret = this.tryFitOnShelf(accessoire, cell.Index, accessoire.shelfPlanner);
         if (((_cell$Article4 = cell.Article) === null || _cell$Article4 === void 0 ? void 0 : _cell$Article4.basketId) === accessoire.basketId) {
           var _ret$canOnlyFitOn;
@@ -43729,7 +43756,9 @@ var Grid = /*#__PURE__*/function () {
             plannedOptions: cell.Article.VariantValues,
             basketId: cell.Article.basketId,
             index: cell.InUse,
-            articleCodex: cell.Article.articleCodex
+            articleCodex: cell.Article.articleCodex,
+            noDelete: cell.NoDelete,
+            noMove: cell.NoMove
           });
         }
       }
@@ -43764,6 +43793,14 @@ var Grid = /*#__PURE__*/function () {
       var _this$group;
       return (_this$group = this.group) !== null && _this$group !== void 0 ? _this$group : this.ShelfId;
     }
+  }, {
+    key: "alternativeGridGroups",
+    get: function get() {
+      var _this$ArticleRelation;
+      return ((_this$ArticleRelation = this.ArticleRelationsForOtherGroups) === null || _this$ArticleRelation === void 0 ? void 0 : _this$ArticleRelation.map(function (g) {
+        return g.Group;
+      })) || [];
+    }
 
     /**
      * helperfuntion to get the parentshelfId of an shelfPlanner eg: T-Stück
@@ -43790,13 +43827,44 @@ var Grid = /*#__PURE__*/function () {
       this.actAccessoire = accessoire;
     }
   }, {
-    key: "ArticleRelations",
-    get: function get() {
+    key: "getArticleRelationsById",
+    value: function getArticleRelationsById(id) {
+      var _this$ArticleRelation2;
+      var alternative = (_this$ArticleRelation2 = this.ArticleRelationsForOtherGroups) === null || _this$ArticleRelation2 === void 0 ? void 0 : _this$ArticleRelation2.find(function (g) {
+        return g.Group == id;
+      });
+      if (alternative) return alternative.ArticleRelations;
       if (this.heightGridCellCountOnRule && this.currentLoadedRuleIndex !== false) {
         return this.heightGridCellCountOnRule[this.currentLoadedRuleIndex].ArticleRelations;
       }
       return this.articleRelations;
     }
+  }, {
+    key: "getGridIdByArticleCodex",
+    value: function getGridIdByArticleCodex(articleCodex) {
+      var _this$ArticleRelation3;
+      var alternative = (_this$ArticleRelation3 = this.ArticleRelationsForOtherGroups) === null || _this$ArticleRelation3 === void 0 ? void 0 : _this$ArticleRelation3.find(function (g) {
+        return g.ArticleRelations.includes(articleCodex);
+      });
+      if (alternative) return alternative.Group;
+      if (this.heightGridCellCountOnRule && this.currentLoadedRuleIndex !== false && this.heightGridCellCountOnRule[this.currentLoadedRuleIndex].ArticleRelations.includes(articleCodex)) {
+        return this.gridGroup;
+      }
+      if (this.articleRelations.includes(articleCodex)) {
+        return this.gridGroup;
+      }
+      return undefined;
+    }
+  }, {
+    key: "getAllArticleRelations",
+    value: function getAllArticleRelations() {
+      var _this$articleRelation;
+      var articleRelations = (_this$articleRelation = this.articleRelations) !== null && _this$articleRelation !== void 0 ? _this$articleRelation : [];
+      if (this.ArticleRelationsForOtherGroups) for (var i = 0; i < this.ArticleRelationsForOtherGroups.length; i++) {
+        articleRelations = [].concat(_toConsumableArray(articleRelations), _toConsumableArray(this.ArticleRelationsForOtherGroups[i].ArticleRelations));
+      }
+      return articleRelations;
+    }
   }, {
     key: "InitAccArr",
     get: function get() {
@@ -43817,6 +43885,11 @@ var Grid = /*#__PURE__*/function () {
     get: function get() {
       return this.accessoires;
     }
+  }, {
+    key: "getAccessoireByBasketId",
+    value: function getAccessoireByBasketId(basketId) {
+      return this.article.set.getArticleByBasketId(basketId);
+    }
   }, {
     key: "Cells",
     get: function get() {
@@ -43849,6 +43922,16 @@ var Grid = /*#__PURE__*/function () {
     set: function set(val) {
       this.disabledByRule = val;
     }
+  }, {
+    key: "ArticleRelationsForOtherGroups",
+    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), {}, {
+          Group: 'SHELFARTICLE_' + g.Group
+        });
+      });
+    }
   }, {
     key: "VisitOption",
     get: function get() {