@crystaldesign/web-planner-logic 26.8.0-beta.1 → 26.8.0-beta.10

package/build/cjs/{DivaBoxPlanner-2e378a1a.js → DivaBoxPlanner-080f0940.js}

@@ -5,11 +5,11 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-c1566d30.js');
+var index = require('./index-3652bf78.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var PlannerHandler2D = require('./PlannerHandler2D-1b28c82a.js');
+var PlannerHandler2D = require('./PlannerHandler2D-34f3037d.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('axios');
 require('@crystaldesign/basket-model');
@@ -4501,29 +4501,42 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       // Neighbor column left/right of the copy (where support width is checked). At the grid edge that column does not exist
       // (LEFT: startColIndex === 0 → index.x === -1; RIGHT: endColIndex === curGrid.length → past last column).
       // Then scan along an in-grid column of this element so we still collect the full vertical stack to copy.
-      var supportColX = index.x;
+      var supportColX = dir === 'LEFT' ? curPos.startColIndex - 1 : curPos.endColIndex;
+      var belowColX = dir === 'LEFT' ? curPos.startColIndex : curPos.endColIndex - 1;
+
+      // Copying into new grid space (e.g. LEFT from column 0) — no adjacent column exists to check
+      // support width against, so include the entire vertical stack below unconditionally.
       if (!curGrid[supportColX]) {
-        supportColX = dir === 'LEFT' ? curPos.startColIndex : curPos.endColIndex - 1;
+        for (var y = index.y - 1; y >= 0;) {
+          var _curGrid$belowColX;
+          var belowElement = (_curGrid$belowColX = curGrid[belowColX]) === null || _curGrid$belowColX === void 0 || (_curGrid$belowColX = _curGrid$belowColX[y]) === null || _curGrid$belowColX === void 0 ? void 0 : _curGrid$belowColX.plannedElement;
+          if (!belowElement) break;
+          plannerIdsToFill.push(belowElement.elementId);
+          y = belowElement.area.fromY - 1;
+        }
+        return {
+          elements: plannerIdsToFill.reverse(),
+          backside: curPos.backside
+        };
       }
-      var belowColX = dir === 'LEFT' ? curPos.startColIndex : curPos.endColIndex - 1;
-      var _loop = function _loop(_y3) {
-          var _curGrid$belowColX, _curGrid$supportColX$, _Width, _Width2, _Width3;
+      var _loop = function _loop(_y4) {
+          var _curGrid$belowColX2, _curGrid$supportColX$, _Width, _Width2, _Width3;
           if (!curGrid[supportColX]) {
-            y = _y3;
+            _y3 = _y4;
             return 0;
           } // break
 
           // Always resolve the element in our own column — that is what we copy, not the neighbour.
-          var belowElement = (_curGrid$belowColX = curGrid[belowColX]) === null || _curGrid$belowColX === void 0 || (_curGrid$belowColX = _curGrid$belowColX[_y3]) === null || _curGrid$belowColX === void 0 ? void 0 : _curGrid$belowColX.plannedElement;
+          var belowElement = (_curGrid$belowColX2 = curGrid[belowColX]) === null || _curGrid$belowColX2 === void 0 || (_curGrid$belowColX2 = _curGrid$belowColX2[_y4]) === null || _curGrid$belowColX2 === void 0 ? void 0 : _curGrid$belowColX2.plannedElement;
           if (!belowElement) {
-            y = _y3;
+            _y3 = _y4;
             return 0;
           } // break
-          var supportElement = (_curGrid$supportColX$ = curGrid[supportColX][_y3]) === null || _curGrid$supportColX$ === void 0 ? void 0 : _curGrid$supportColX$.plannedElement;
+          var supportElement = (_curGrid$supportColX$ = curGrid[supportColX][_y4]) === null || _curGrid$supportColX$ === void 0 ? void 0 : _curGrid$supportColX$.plannedElement;
           if (!supportElement) {
             plannerIdsToFill.push(belowElement.elementId);
-            _y3 = belowElement.area.fromY - 1;
-            y = _y3;
+            _y4 = belowElement.area.fromY - 1;
+            _y3 = _y4;
             return 1; // continue
           }
 
@@ -4543,7 +4556,7 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
             freeSpace += n.Width;
           });
           if (freeSpace >= elementWidth) {
-            y = _y3;
+            _y3 = _y4;
             return 0;
           } // break
           var belowWidth = (_Width3 = _this2.getElementById(belowElement.elementId).Width) !== null && _Width3 !== void 0 ? _Width3 : belowElement.size.width;
@@ -4552,12 +4565,12 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
             plannerIdsToFill.push(belowElement.elementId);
             missingWidth = Math.round(missingWidth - belowWidth);
           }
-          _y3 = belowElement.area.fromY - 1;
-          y = _y3;
+          _y4 = belowElement.area.fromY - 1;
+          _y3 = _y4;
         },
         _ret;
-      for (var y = index.y - 1; y >= 0;) {
-        _ret = _loop(y);
+      for (var _y3 = index.y - 1; _y3 >= 0;) {
+        _ret = _loop(_y3);
         if (_ret === 0) break;
         if (_ret === 1) continue;
       }
@@ -4908,9 +4921,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
         for (var _x5 = cell.plannedElement.area.fromX; _x5 < cell.plannedElement.area.toX; _x5++) {
           var row = grid[_x5];
           if (!row) continue;
-          for (var _y4 = origin.y; _y4 < row.length; _y4++) {
-            var _cell = row[_y4];
-            if (_cell.index.y != _y4 || _cell.plannedElement.elementId == cell.plannedElement.elementId) continue; //already corrected
+          for (var _y5 = origin.y; _y5 < row.length; _y5++) {
+            var _cell = row[_y5];
+            if (_cell.index.y != _y5 || _cell.plannedElement.elementId == cell.plannedElement.elementId) continue; //already corrected
             _cell.index.y += diff.y;
             _cell.plannedElement.area.fromY += diff.y;
             _cell.plannedElement.area.toY += diff.y;
@@ -4919,8 +4932,8 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
       } else if (diff.x != 0 && (diff.x > free || diff.x < 0)) {
         // if there is enough free space on the right no need to move
         for (var _x6 = cell.plannedElement.area.fromX; _x6 < grid.length; _x6++) {
-          for (var _y5 = cell.plannedElement.area.fromY; _y5 < cell.plannedElement.area.toY; _y5++) {
-            var _cell10 = grid[_x6][_y5];
+          for (var _y6 = cell.plannedElement.area.fromY; _y6 < cell.plannedElement.area.toY; _y6++) {
+            var _cell10 = grid[_x6][_y6];
             if (!_cell10 || _cell10.plannedElement.elementId == elementId) continue; //already corrected
             _cell10.index.x += diff.x;
             _cell10.plannedElement.area.fromX += diff.x;
@@ -4944,7 +4957,7 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
             });
           })) return 0; // continue
           for (var _x7 = area.fromX; _x7 < area.toX; _x7++) {
-            for (var _y6 = area.fromY; _y6 < area.toY; _y6++) {
+            for (var _y7 = area.fromY; _y7 < area.toY; _y7++) {
               if (!newGrid[_x7] && area.fromY == 0) newGrid[_x7] = [];
 
               // we have a so called overhanging element not so nice, let's correct:
@@ -4968,10 +4981,10 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
               // when the element above starts early and goes over multiple ones
 
               // regular case
-              newGrid[_x7][_y6] = _objectSpread(_objectSpread({}, cell), {}, {
+              newGrid[_x7][_y7] = _objectSpread(_objectSpread({}, cell), {}, {
                 index: {
                   x: _x7,
-                  y: _y6
+                  y: _y7
                 },
                 plannedElement: _objectSpread(_objectSpread({}, cell.plannedElement), {}, {
                   area: {
@@ -5449,9 +5462,9 @@ var BoxPlannerGrid = /*#__PURE__*/function () {
             var _targetColIndex = endColIndex;
             var _copyPossible2 = false;
             // Iterate through rows within the element's height
-            for (var _y7 = startRowIndex; _y7 <= endRowIndex; _y7++) {
-              if (isValidCell(_targetColIndex, _y7)) {
-                copyStartRowIndex = _y7;
+            for (var _y8 = startRowIndex; _y8 <= endRowIndex; _y8++) {
+              if (isValidCell(_targetColIndex, _y8)) {
+                copyStartRowIndex = _y8;
                 _copyPossible2 = true;
                 break;
               }

package/build/cjs/{DivaStandardPlanner-0a6e8f4a.js → DivaStandardPlanner-6105afc9.js}

@@ -5,9 +5,9 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-c1566d30.js');
+var index = require('./index-3652bf78.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
-var PlannerHandler2D = require('./PlannerHandler2D-1b28c82a.js');
+var PlannerHandler2D = require('./PlannerHandler2D-34f3037d.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/toConsumableArray');

package/build/cjs/{DoorPlanner-0ebcb060.js → DoorPlanner-516e06dc.js}

@@ -3,7 +3,7 @@
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('./index-c1566d30.js');
+require('./index-3652bf78.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');

package/build/cjs/{Host3DSignalR-653cebc1.js → Host3DSignalR-4f58a7d0.js}

@@ -5,7 +5,7 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-c1566d30.js');
+var index = require('./index-3652bf78.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var signalr = require('@microsoft/signalr');
 var io = require('socket.io-client');

package/build/cjs/{LiviqueWWSHandler-9259293e.js → LiviqueWWSHandler-27794786.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-require('./index-c1566d30.js');
+require('./index-3652bf78.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/defineProperty');

package/build/cjs/{PfisterWWSHandler-26c807f9.js → PfisterWWSHandler-d031a3ac.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-var index = require('./index-c1566d30.js');
+var index = require('./index-3652bf78.js');
 var basketModel = require('@crystaldesign/basket-model');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');

package/build/cjs/{PlannerHandler2D-1b28c82a.js → PlannerHandler2D-34f3037d.js}

@@ -5,7 +5,7 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-c1566d30.js');
+var index = require('./index-3652bf78.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var fabric = require('fabric');

package/build/cjs/{SeriousBasketHandler-e3f8040a.js → SeriousBasketHandler-2dbfe0e5.js}

@@ -3,7 +3,7 @@
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var index = require('./index-c1566d30.js');
+var index = require('./index-3652bf78.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');

package/build/cjs/{ShelfPlanner-58edfc01.js → ShelfPlanner-05d5a34a.js}

@@ -6,7 +6,7 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-c1566d30.js');
+var index = require('./index-3652bf78.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');

package/build/cjs/{StandardWWSHandler-6faba9e9.js → StandardWWSHandler-567590ad.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-require('./index-c1566d30.js');
+require('./index-3652bf78.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/defineProperty');

package/build/cjs/{index-c1566d30.js → index-3652bf78.js}

@@ -1174,6 +1174,11 @@ var DivaApiHandler = /*#__PURE__*/function () {
     value: function getIDMDecisions(packageId, decisions) {
       return this.idmPrefix + (this.isSeller ? '/packages/' : '/catalogs/') + packageId + '/decisions' + '?decisionNos=' + decisions.join(';') + (this.smSupplierNr ? '&supplierNo=' + this.smSupplierNr : '');
     }
+  }, {
+    key: "getIDMDecisionsQueryUrl",
+    value: function getIDMDecisionsQueryUrl(packageId) {
+      return this.idmPrefix + (this.isSeller ? '/packages/' : '/catalogs/') + packageId + '/decisions/query' + (this.smSupplierNr ? '?supplierNo=' + this.smSupplierNr : '');
+    }
   }, {
     key: "getIDMDetailInfos",
     value: function getIDMDetailInfos(packageId, detailinfos) {
@@ -19714,7 +19719,15 @@ function _loadMoreFromIDMArticles() {
           }).map(function (a) {
             return a.featureClassRefNo;
           })));
-          promises = [set.api.getDataCache(set.api.getIDMFeatureClass(set.CatalogData.accountGuid, toLoadFeatureClassRefNo), undefined, undefined, 'enricher'), toLoadPFGroups.length ? set.api.getDataCache(set.api.getIDMPriceFeatureGroups(set.CatalogData.accountGuid, toLoadPFGroups), undefined, undefined, 'enricher') : undefined, toLoadDecisionIds.length ? set.api.getDataCache(set.api.getIDMDecisions(set.CatalogData.accountGuid, toLoadDecisionIds), undefined, undefined, 'enricher') : undefined];
+          promises = [set.api.getDataCache(set.api.getIDMFeatureClass(set.CatalogData.accountGuid, toLoadFeatureClassRefNo), undefined, undefined, 'enricher'), toLoadPFGroups.length ? set.api.getDataCache(set.api.getIDMPriceFeatureGroups(set.CatalogData.accountGuid, toLoadPFGroups), undefined, undefined, 'enricher') : undefined, toLoadDecisionIds.length ? function () {
+            var getUrl = set.api.getIDMDecisions(set.CatalogData.accountGuid, toLoadDecisionIds);
+            if (getUrl.length > 2000) {
+              return set.api.getDataCache(set.api.getIDMDecisionsQueryUrl(set.CatalogData.accountGuid), undefined, undefined, 'enricher', 'POST', {
+                decisionNos: toLoadDecisionIds.join(';')
+              });
+            }
+            return set.api.getDataCache(getUrl, undefined, undefined, 'enricher');
+          }() : undefined];
           _context5.next = 16;
           return Promise.all(promises);
         case 16:
@@ -21220,6 +21233,24 @@ var DivaCatalogData = /*#__PURE__*/function () {
         return _ret;
       }
     }
+
+    /**
+     * Default dock filter applied when nothing is selected (e.g. after a deselect or when adding a new element).
+     * When completeness warnings are hidden, any element may start a planning, so every dock type the catalog
+     * actually has is shown. Otherwise the catalog's configured start filter (startFilterParams / available
+     * start types) is used.
+     */
+  }, {
+    key: "defaultDockFilter",
+    get: function get() {
+      if (this.doHideCompletenessWarning) {
+        var filterType = this.plannerPaletteViewInfo.filterType;
+        return Object.keys(filterType).filter(function (key) {
+          return filterType[key];
+        });
+      }
+      return this.getStartFilter;
+    }
   }, {
     key: "dontHideOption",
     get: function get() {
@@ -22324,11 +22355,12 @@ var DivaCatalogHandler = /*#__PURE__*/function () {
     key: "loadDivaCatalog",
     value: function () {
       var _loadDivaCatalog = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(state, catalogCodex, orderSet) {
+        var _orderSet$OrderLines;
         var promises, _yield$Promise$all, _yield$Promise$all2, catalogApiData, catalogArticleListData, catalogArticlePlannerListData, additionalModelInfos, mask, _state$catalogMask, catalogData;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              promises = [state.api.getDataCache(state.api.getCatalogDataQS(catalogCodex), state.api.getCatalogDataCacheKey(catalogCodex), orderSet.AccountSessionGUID), state.api.getDataCache(state.api.getJsonArticleListQS(catalogCodex), state.api.getJsonArticleListCacheKey(catalogCodex), orderSet.AccountSessionGUID), state.api.getDataCache(state.api.getJsonPlannerElementsQS(catalogCodex), state.api.getJsonPlannerElementsCacheKey(catalogCodex), orderSet.AccountSessionGUID)].concat([this.loadAdditionalModelInfos(state, orderSet.AccountGUID, orderSet.CatalogGUID)], _toConsumableArray__default["default"](state.onlyRunLogic ? [] : _toConsumableArray__default["default"](new Map(orderSet.OrderLines.filter(function (ol) {
+              promises = [state.api.getDataCache(state.api.getCatalogDataQS(catalogCodex), state.api.getCatalogDataCacheKey(catalogCodex), orderSet.AccountSessionGUID), state.api.getDataCache(state.api.getJsonArticleListQS(catalogCodex), state.api.getJsonArticleListCacheKey(catalogCodex), orderSet.AccountSessionGUID), state.api.getDataCache(state.api.getJsonPlannerElementsQS(catalogCodex), state.api.getJsonPlannerElementsCacheKey(catalogCodex), orderSet.AccountSessionGUID)].concat([this.loadAdditionalModelInfos(state, orderSet.AccountGUID, orderSet.CatalogGUID)], _toConsumableArray__default["default"](state.onlyRunLogic ? [] : _toConsumableArray__default["default"](new Map(((_orderSet$OrderLines = orderSet.OrderLines) !== null && _orderSet$OrderLines !== void 0 ? _orderSet$OrderLines : []).filter(function (ol) {
                 var _ol$VariantBasketData;
                 return ((_ol$VariantBasketData = ol.VariantBasketDatas) === null || _ol$VariantBasketData === void 0 ? void 0 : _ol$VariantBasketData.length) && ol.ArticleType === 'OPTIONTREE';
               }).map(function (os) {
@@ -29555,7 +29587,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-58edfc01.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-05d5a34a.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -33289,7 +33321,7 @@ var SummaryHandler = /*#__PURE__*/function () {
     }
   }, {
     key: "getSummaryItemsofArticle",
-    value: function getSummaryItemsofArticle(article, set, summaryTabItems, baseArticlesCount, summaryForBasket) {
+    value: function getSummaryItemsofArticle(article, set, summaryTabItems, baseArticlesCount, summaryForBasket, parentArticle) {
       var _iterator2 = _createForOfIteratorHelper$7(article.articleOptionStates.values()),
         _step2;
       try {
@@ -33297,6 +33329,12 @@ var SummaryHandler = /*#__PURE__*/function () {
           var ops = _step2.value;
           if (ops.visibleInSummary(article, summaryForBasket)) {
             var _set$configTree$getCo, _set$hiddenConfigTree;
+            //for accessoires only render an option if it differs from the parent article's selection
+            if (parentArticle) {
+              var _parentOps$val, _ops$val;
+              var parentOps = parentArticle.getArticleOptionState(ops.optionCodex);
+              if (parentOps && ((_parentOps$val = parentOps.val) === null || _parentOps$val === void 0 ? void 0 : _parentOps$val.codex) === ((_ops$val = ops.val) === null || _ops$val === void 0 ? void 0 : _ops$val.codex)) continue;
+            }
             var tabGroupCodex = void 0;
             var tabGroupTitel = void 0;
             if (ops.optionTabGroup) {
@@ -33313,9 +33351,9 @@ var SummaryHandler = /*#__PURE__*/function () {
             var itemsInTabGroup = summaryTabItems[tabGroupCodex].summaryItems;
             var itemImage = ops.val.image ? set.CatalogData.getCatImageURL(ops.val.image, '') : undefined;
             if (configStep && itemsInTabGroup) {
-              var _ops$val, _this$getAdditionalPr;
+              var _ops$val2, _this$getAdditionalPr;
               var sameOPVAndOPTDoAlreadyExist = false;
-              var configStepKeyToUse = configStep.key + ((_ops$val = ops.val) === null || _ops$val === void 0 ? void 0 : _ops$val.codex);
+              var configStepKeyToUse = configStep.key + ((_ops$val2 = ops.val) === null || _ops$val2 === void 0 ? void 0 : _ops$val2.codex);
               var posNr = configStep === null || configStep === void 0 ? void 0 : configStep.posNr;
               if (configStep !== null && configStep !== void 0 && configStep.accessoireArticleCodex && article.relatedToBasketId) {
                 var _set$configTree$getCo2, _set$configTree$getCo3, _set$hiddenConfigTree2;
@@ -33336,7 +33374,7 @@ var SummaryHandler = /*#__PURE__*/function () {
               var rabatt = set.getCurrentDisountPercentage();
               var price = rabatt ? DivaUtils__default["default"].roundPrice(bruttoPrice * ((100 - rabatt) / 100), 1, 2) : bruttoPrice;
               if (!sameOPVAndOPTDoAlreadyExist) {
-                var _ops$val$contentItemI, _ops$val2, _ops$val3;
+                var _ops$val$contentItemI, _ops$val3, _ops$val4;
                 itemsInTabGroup[configStepKeyToUse] = {
                   title: ops.optionName,
                   title_locales: ops.optionName_locales,
@@ -33350,7 +33388,7 @@ var SummaryHandler = /*#__PURE__*/function () {
                   image: itemImage,
                   isDefined: ops.isDefined,
                   setId: set.getSetId(),
-                  contentItemId: (_ops$val$contentItemI = (_ops$val2 = ops.val) === null || _ops$val2 === void 0 ? void 0 : _ops$val2.contentItemId) !== null && _ops$val$contentItemI !== void 0 ? _ops$val$contentItemI : (_ops$val3 = ops.val) === null || _ops$val3 === void 0 ? void 0 : _ops$val3.groupContentItemId,
+                  contentItemId: (_ops$val$contentItemI = (_ops$val3 = ops.val) === null || _ops$val3 === void 0 ? void 0 : _ops$val3.contentItemId) !== null && _ops$val$contentItemI !== void 0 ? _ops$val$contentItemI : (_ops$val4 = ops.val) === null || _ops$val4 === void 0 ? void 0 : _ops$val4.groupContentItemId,
                   optionContentItemId: ops.option.contentItemId,
                   includesAllPosNrs: baseArticlesCount <= 1
                 };
@@ -33404,7 +33442,7 @@ var SummaryHandler = /*#__PURE__*/function () {
               } else {
                 var _set$i18n$t2, _set$i18n2, _accessoire$catalogAr, _accessoire$catalogAr2, _accessoire$catalogAr3;
                 var summaryItems = {};
-                this.getSummaryItemsofArticle(accessoire, set, summaryItems, 0, summaryForBasket);
+                this.getSummaryItemsofArticle(accessoire, set, summaryItems, 0, summaryForBasket, article);
                 this.addAccessoires([accessoire], summaryItems, set, articlesPosNrs, baseArticlesCount, summaryForBasket);
                 tabGroup.summaryItems[entryKey] = {
                   title: accessoire.name,
@@ -33681,14 +33719,26 @@ var SummaryHandler = /*#__PURE__*/function () {
           counter++;
           SummaryInfo.push(new basketModel.GroupsData(GroupDataInitParams));
           for (var jKey in mySummaryObejct.summaryItems) {
-            var _mySummaryItem$title_, _mySummaryItem$descri, _mySummaryItem$target;
-            var mySummaryItem = mySummaryObejct.summaryItems[jKey];
-            SummaryInfo[SummaryInfo.length - 1].Group.addItem(mySummaryItem.title, (_mySummaryItem$title_ = mySummaryItem.title_locales) !== null && _mySummaryItem$title_ !== void 0 ? _mySummaryItem$title_ : {}, DivaUtils__default["default"].stripTags(mySummaryItem.description), DivaUtils__default["default"].stripTagsFromDict((_mySummaryItem$descri = mySummaryItem.description_locales) !== null && _mySummaryItem$descri !== void 0 ? _mySummaryItem$descri : {}), (_mySummaryItem$target = mySummaryItem.targetArticlePosNrs) !== null && _mySummaryItem$target !== void 0 ? _mySummaryItem$target : [], SummaryInfo[SummaryInfo.length - 1].Group.GroupID, mySummaryItem.image);
+            this.addSummaryItemToGroup(SummaryInfo[SummaryInfo.length - 1].Group, mySummaryObejct.summaryItems[jKey]);
           }
         }
       }
       return SummaryInfo;
     }
+  }, {
+    key: "addSummaryItemToGroup",
+    value: function addSummaryItemToGroup(group, summaryItem) {
+      //tab-group shells only structure the nested config; skip them so they don't become empty property lines
+      if (!summaryItem.isTabGroup) {
+        var _summaryItem$title_lo, _summaryItem$descript, _summaryItem$targetAr4;
+        group.addItem(summaryItem.title, (_summaryItem$title_lo = summaryItem.title_locales) !== null && _summaryItem$title_lo !== void 0 ? _summaryItem$title_lo : {}, DivaUtils__default["default"].stripTags(summaryItem.description), DivaUtils__default["default"].stripTagsFromDict((_summaryItem$descript = summaryItem.description_locales) !== null && _summaryItem$descript !== void 0 ? _summaryItem$descript : {}), (_summaryItem$targetAr4 = summaryItem.targetArticlePosNrs) !== null && _summaryItem$targetAr4 !== void 0 ? _summaryItem$targetAr4 : [], group.GroupID, summaryItem.image);
+      }
+
+      //nested config (e.g. accessory option values like a custom color) is kept flat in the same group
+      for (var _key7 in summaryItem.summaryItems) {
+        this.addSummaryItemToGroup(group, summaryItem.summaryItems[_key7]);
+      }
+    }
   }, {
     key: "getSummaryType",
     value: function getSummaryType(set) {
@@ -33719,8 +33769,8 @@ var SummaryHandler = /*#__PURE__*/function () {
           }
         };
       }
-      for (var _key7 in elementGroups) {
-        var group = elementGroups[_key7];
+      for (var _key8 in elementGroups) {
+        var group = elementGroups[_key8];
         ret.push({
           items: this.buildSummaryItems(this.getArticlesPosNr(group.articles), set, summaryForBasket),
           price: this.getArticlesPrice(group.articles),
@@ -33737,10 +33787,10 @@ var SummaryHandler = /*#__PURE__*/function () {
       var groupedArticles = setHandlerInstance.getDockedGroupedArticles(set);
       var retGroups = {};
       var articlesCodexesOnIndex = {};
-      for (var _key8 in groupedArticles) {
-        var basketId = groupedArticles[_key8][Object.keys(groupedArticles[_key8])[0]].basketId;
+      for (var _key9 in groupedArticles) {
+        var basketId = groupedArticles[_key9][Object.keys(groupedArticles[_key9])[0]].basketId;
         retGroups[basketId] = {
-          articles: groupedArticles[_key8],
+          articles: groupedArticles[_key9],
           quantity: 1
         };
       }
@@ -33755,12 +33805,12 @@ var SummaryHandler = /*#__PURE__*/function () {
           articlesCodexesOnIndex[articleCodex].push(i);
         }
       }
-      for (var _key9 in articlesCodexesOnIndex) {
-        if (articlesCodexesOnIndex[_key9].length > 1) {
+      for (var _key10 in articlesCodexesOnIndex) {
+        if (articlesCodexesOnIndex[_key10].length > 1) {
           //group the single groups by the aricleCodex
           var articles = [];
-          for (var _i4 = 0; _i4 < articlesCodexesOnIndex[_key9].length; _i4++) {
-            var _group = groupedArticles[articlesCodexesOnIndex[_key9][_i4]];
+          for (var _i4 = 0; _i4 < articlesCodexesOnIndex[_key10].length; _i4++) {
+            var _group = groupedArticles[articlesCodexesOnIndex[_key10][_i4]];
             articles.push({
               article: _group[Object.keys(_group)[0]]
             });
@@ -33805,11 +33855,11 @@ var SummaryHandler = /*#__PURE__*/function () {
       var isIDM = article.CatalogData.isIDMFormat;
       var tabGroups = [];
       for (var basketId in article.partlistArticles) {
-        var _ops$val4;
+        var _ops$val5;
         var partlistArticle = article.partlistArticles[basketId];
         if (!partlistArticle.tabGroup) continue;
         var ops = article.getArticleOptionState((!isIDM ? 'OPT' : '') + partlistArticle.tabGroup);
-        if (ops && !ops.isInvisible && (ops.selectionmode != 0 || (ops.visibleCount > 1 || ops.isFreeText) && article.set.api.showSelectionModeZero()) && ops.isDoShow && !((_ops$val4 = ops.val) !== null && _ops$val4 !== void 0 && _ops$val4.isNotRelevant) && ops !== null && ops !== void 0 && ops.optionTabGroup) {
+        if (ops && !ops.isInvisible && (ops.selectionmode != 0 || (ops.visibleCount > 1 || ops.isFreeText) && article.set.api.showSelectionModeZero()) && ops.isDoShow && !((_ops$val5 = ops.val) !== null && _ops$val5 !== void 0 && _ops$val5.isNotRelevant) && ops !== null && ops !== void 0 && ops.optionTabGroup) {
           tabGroups.push({
             optionCodex: ops.optionCodex,
             tabGroup: ops.optionTabGroup
@@ -34045,8 +34095,8 @@ var SummaryHandler = /*#__PURE__*/function () {
     key: "getArticlesPrice",
     value: function getArticlesPrice(articles) {
       var price = 0;
-      for (var _key10 in articles) {
-        price = price + articles[_key10].price * articles[_key10].quantity;
+      for (var _key11 in articles) {
+        price = price + articles[_key11].price * articles[_key11].quantity;
       }
       return price;
     }
@@ -37559,7 +37609,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-0ebcb060.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-516e06dc.js'); });
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -43033,7 +43083,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-26c807f9.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-d031a3ac.js'); });
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -43041,7 +43091,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-9259293e.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-27794786.js'); });
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -43049,7 +43099,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-e3f8040a.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-2dbfe0e5.js'); });
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -43057,7 +43107,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-6faba9e9.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-567590ad.js'); });
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -44481,7 +44531,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return Promise.resolve().then(function () { return require('./Host3DSignalR-653cebc1.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-4f58a7d0.js'); });
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -46167,7 +46217,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context5.next = 10;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-0a6e8f4a.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-6105afc9.js'); });
             case 10:
               _yield$import = _context5.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -46178,7 +46228,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context5.abrupt("break", 21);
             case 15:
               _context5.next = 17;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-2e378a1a.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-080f0940.js'); });
             case 17:
               _yield$import2 = _context5.sent;
               DivaBoxPlanner = _yield$import2["default"];

package/build/cjs/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-c1566d30.js');
+var index = require('./index-3652bf78.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/classCallCheck');