@crystaldesign/web-planner-logic 26.13.0-rc.4 → 26.13.0-rc.6

package/build/cjs/{DivaBoxPlanner-15e3b967.js → DivaBoxPlanner-d2bed074.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-8a37b5a7.js');
+var index = require('./index-70f52508.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-3e8e2291.js');
+var PlannerHandler2D = require('./PlannerHandler2D-18fa0971.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('axios');
 require('@babel/runtime/helpers/typeof');

package/build/cjs/{DivaStandardPlanner-4d6c9460.js → DivaStandardPlanner-14e46bd6.js}

@@ -7,10 +7,10 @@ var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-8a37b5a7.js');
+var index = require('./index-70f52508.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var plannerCore = require('@crystaldesign/planner-core');
-var PlannerHandler2D = require('./PlannerHandler2D-3e8e2291.js');
+var PlannerHandler2D = require('./PlannerHandler2D-18fa0971.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('axios');
 require('@babel/runtime/helpers/typeof');
@@ -83,6 +83,15 @@ var PATH_STEP = 2;
 var DEPTH_NOISE = 1e-6;
 /** cm within which a dragged guest snaps into a free place of a slot that takes it. */
 var SLOT_SNAP_DISTANCE = 20;
+/**
+ * cm within which a group dragged in a room docks (between the docking points), at least the viewer's own docking
+ * distance: as far as a slot snap reaches. The bodies block the drag at contact and a pointer moves several cm per event,
+ * so the group is mostly pushed into the element it docks to; it has to dock from such a pose, not only from the few cm
+ * before contact.
+ */
+var ROOM_DOCK_SNAP_DISTANCE = SLOT_SNAP_DISTANCE;
+/** cm between two docking points that meet at a dock pose (the float noise of the docked transform). */
+var DOCK_CONTACT_DISTANCE = 0.1;
 /** cm within which a drag counts as back at its start (the float noise of the summed moves). */
 var START_NOISE = 1e-6;
 var toFloorRect = function toFloorRect(block, pose) {
@@ -1694,13 +1703,14 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       };
     }
 
-    // The group follows the grabbed element rigidly to the wall or inside-room pose of the raw centre, also where it runs
-    // into an obstacle: what it runs into there is kept as `blockedBy` (the viewer shows the drag blocked, a release there
-    // goes back to the start). A forced group that fits on no wall is kept inside the room like a free one. Back at the
-    // start (a cancel, a blocked release) it stands exactly where it started, nothing snaps.
+    // The group follows the grabbed element rigidly to the wall or inside-room pose of the raw centre, and from there onto
+    // a dock within ROOM_DOCK_SNAP_DISTANCE, also where it runs into an obstacle: what it runs into there is kept as
+    // `blockedBy` (the viewer shows the drag blocked, a release there goes back to the start). A forced group that fits on
+    // no wall is kept inside the room like a free one. Back at the start (a cancel, a blocked release) it stands exactly
+    // where it started, nothing snaps.
   }, {
     key: "updateRoomDrag",
-    value: function updateRoomDrag(room, drag, deltaMove) {
+    value: function updateRoomDrag(room, drag, deltaMove, autoDockingDistance) {
       drag.dx += deltaMove.x;
       drag.dz += deltaMove.z;
       var _drag$start2 = drag.start,
@@ -1719,12 +1729,19 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
         center: drag.start.center,
         rotDeg: rotDeg
       };
-      var wanted = atStart ? startPose : slotPose !== null && slotPose !== void 0 ? slotPose : wallPose && (drag.wallMode === 'forced' || snapsToWall) ? wallPose : insidePose(block, {
+      var placed = atStart ? startPose : slotPose !== null && slotPose !== void 0 ? slotPose : wallPose && (drag.wallMode === 'forced' || snapsToWall) ? wallPose : insidePose(block, {
         center: rawCenter,
         rotDeg: rotDeg
       }, room);
-      drag.blockedBy = this.blockersAt(drag, wanted);
-      index.moveGroupRigidly([].concat(_toConsumableArray__default["default"](drag.members), _toConsumableArray__default["default"](drag.followers)), drag.current, wanted);
+      var group = [].concat(_toConsumableArray__default["default"](drag.members), _toConsumableArray__default["default"](drag.followers));
+      index.moveGroupRigidly(group, drag.current, placed);
+      // Pushed against the element it docks to, the group touches it docked instead of standing blocked in it, so the
+      // release docks it (see snapToDock).
+      var reach = autoDockingDistance === 0 ? 0 : Math.max(autoDockingDistance, ROOM_DOCK_SNAP_DISTANCE);
+      var dock = atStart || slotPose ? undefined : this.getDockSnapPose(drag, placed, reach);
+      var wanted = dock !== null && dock !== void 0 ? dock : placed;
+      index.moveGroupRigidly(group, placed, wanted);
+      drag.blockedBy = dock ? [] : this.blockersAt(drag, wanted);
       drag.current = wanted;
       drag.slotSnapped = !!slotPose;
       // A pair that overlapped at the start may only come apart, never go back in.
@@ -1737,6 +1754,44 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       });
     }
 
+    /**
+     * The pose of the group, standing at `pose`, where the grabbed element docks onto the nearest dock outside the group and
+     * its guests (see findDockSnap), where nothing blocks it; undefined when no dock is that near, or the room rule would
+     * move the docked group or something blocks it there that it does not dock to: then the group stays where the pointer
+     * has it. Docked elements may reach into each other as members of a group do (a side panel standing out of the
+     * outline), so every element the group docks to at that pose (both neighbours of a gap it fills) does not block.
+     */
+  }, {
+    key: "getDockSnapPose",
+    value: function getDockSnapPose(drag, pose, autoDockingDistance) {
+      var element = this.plannerElements.get(drag.elementId);
+      var group = [].concat(_toConsumableArray__default["default"](drag.members), _toConsumableArray__default["default"](drag.followers));
+      var unitIds = group.map(function (member) {
+        return member.ElementId;
+      });
+      var snap = element && this.findDockSnap(element, autoDockingDistance, unitIds);
+      if (!element || !snap) return undefined;
+      var _this$snapMove = this.snapMove(element, snap),
+        from = _this$snapMove.from,
+        to = _this$snapMove.to;
+      var docked = movePose(pose, from, to);
+      if (!this.getKeptPose(drag, docked)) return undefined;
+      index.moveGroupRigidly(group, pose, docked);
+      var others = this.getAllPlannerElements().filter(function (other) {
+        return !unitIds.includes(other.ElementId);
+      });
+      var dockedTo = new Set(group.flatMap(function (member) {
+        return _toConsumableArray__default["default"](PlannerHandler2D.dockingPointHandlerInst.searchDockableElementsInArea(member, others, DOCK_CONTACT_DISTANCE).values()).map(function (pair) {
+          return pair.targetDP.ElementId;
+        });
+      }));
+      index.moveGroupRigidly(group, docked, pose);
+      var docksTo = function docksTo(obstacle) {
+        return obstacle.setId === undefined && obstacle.elementId !== undefined && dockedTo.has(obstacle.elementId);
+      };
+      return this.blockersAt(drag, docked).every(docksTo) ? docked : undefined;
+    }
+
     // The unit moved rigidly onto the nearest dock of `element` outside it (see findDockSnap), else with `slots` into the
     // nearest free slot place (see findSlotSnap).
   }, {
@@ -3491,7 +3546,7 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       if (room && roomDrag && !roomDrag.rotating && transState == 'UPDATE' && roomDrag.members.some(function (member) {
         return member.ElementId == elementId;
       })) {
-        if (elementId == roomDrag.elementId) this.updateRoomDrag(room, roomDrag, deltaMove);
+        if (elementId == roomDrag.elementId) this.updateRoomDrag(room, roomDrag, deltaMove, autoDockingDistance);
         return false;
       }
       if (this.plannerElements.has(elementId)) {

package/build/cjs/{DoorPlanner-2301d76d.js → DoorPlanner-d54cecbc.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-8a37b5a7.js');
+require('./index-70f52508.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');

package/build/cjs/{Host3DSignalR-68cfd444.js → Host3DSignalR-afe1c347.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-8a37b5a7.js');
+var index = require('./index-70f52508.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 var signalr = require('@microsoft/signalr');
 var io = require('socket.io-client');

package/build/cjs/{LiviqueWWSHandler-7fc6cc80.js → LiviqueWWSHandler-0dbefe66.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-require('./index-8a37b5a7.js');
+require('./index-70f52508.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/defineProperty');

package/build/cjs/{PfisterWWSHandler-d2952617.js → PfisterWWSHandler-a8b5f4e9.js}

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

package/build/cjs/{PlannerHandler2D-3e8e2291.js → PlannerHandler2D-18fa0971.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-8a37b5a7.js');
+var index = require('./index-70f52508.js');
 var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _get = require('@babel/runtime/helpers/get');

package/build/cjs/{SeriousBasketHandler-bad49d7f.js → SeriousBasketHandler-3c48950e.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-8a37b5a7.js');
+var index = require('./index-70f52508.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');

package/build/cjs/{ShelfPlanner-fcced9be.js → ShelfPlanner-9a9614b6.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-8a37b5a7.js');
+var index = require('./index-70f52508.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');

package/build/cjs/{StandardWWSHandler-e02c32b3.js → StandardWWSHandler-0e684910.js}

@@ -2,7 +2,7 @@
 
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-require('./index-8a37b5a7.js');
+require('./index-70f52508.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/defineProperty');

package/build/cjs/{index-8a37b5a7.js → index-70f52508.js}

@@ -2133,6 +2133,7 @@ var CATALOG_PROPERTIES = {
   RECONFIG_AFTER_ARTICLE_DOCKED: 'boolean:1',
   REPAIR_VARIANT_VALUES: 'shape',
   RTV_PRESET: 'json',
+  SHELFPLANNER_GROUP: 'string',
   SHOWACCESSOIREONLASTTAB: 'boolean:1',
   SHOWACCONDPONLY: 'boolean:1',
   SHOWTYPENRINPLANNER: 'boolean:1',
@@ -24727,6 +24728,12 @@ var DivaCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogProps.dontShowBasePrice;
     }
+    /** Shelf-planner `Group` of every grid that names none (`SHELFPLANNER_GROUP`): its grids share one config step. */
+  }, {
+    key: "shelfPlannerGroup",
+    get: function get() {
+      return this.catalogProps.shelfPlannerGroup;
+    }
   }, {
     key: "getOption",
     value: function getOption(opt) {
@@ -25120,6 +25127,9 @@ var DivaCatalogData = /*#__PURE__*/function () {
           case 'DIVA3D_USE_RTV_NEXT':
             _this2.catalogProps.divaUseRtvNext = item.Value === true;
             break;
+          case 'SHELFPLANNER_GROUP':
+            _this2.catalogProps.shelfPlannerGroup = textOf(item.Value) || undefined;
+            break;
           case 'HEADER_DIMENSION_IDS':
             _this2.catalogProps.headerDimensionIds = listOf(item.Value);
             break;
@@ -34355,7 +34365,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return Promise.resolve().then(function () { return require('./ShelfPlanner-fcced9be.js'); });
+              return Promise.resolve().then(function () { return require('./ShelfPlanner-9a9614b6.js'); });
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -40781,6 +40791,8 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
             if ((_grid$ArticleRelation = grid.ArticleRelationsForOtherGroups) !== null && _grid$ArticleRelation !== void 0 && _grid$ArticleRelation.length) {
               var _loop2 = function _loop2() {
                 var group = grid.ArticleRelationsForOtherGroups[i];
+                // Already in this step as its own group.
+                if (group.Group === gridGroupOrId) return 1; // continue
                 var index = groupedGrids.findIndex(function (g) {
                   return g.groupName === group.Group;
                 });
@@ -40797,7 +40809,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }
               };
               for (var i = 0; i < grid.ArticleRelationsForOtherGroups.length; i++) {
-                _loop2();
+                if (_loop2()) continue;
               }
             }
           };
@@ -43200,7 +43212,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return Promise.resolve().then(function () { return require('./DoorPlanner-2301d76d.js'); });
+              return Promise.resolve().then(function () { return require('./DoorPlanner-d54cecbc.js'); });
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -44006,7 +44018,9 @@ var Grid = /*#__PURE__*/function () {
     this.excludeAccessoiresByAccessoiresInGrid = grid.ExcludeAccessoiresByAccessoiresInGrid;
     this.influencedByNeighborGrids = grid.InfluencedByNeighborGrids;
     this.influencedByOverlappingGrids = grid.InfluencedByOverlappingGrids;
-    this._group = grid.Group;
+
+    // The grid's own Group wins, even an empty one: that keeps the grid in a step of its own under a catalog default.
+    this._group = 'Group' in grid ? grid.Group : article.CatalogData.shelfPlannerGroup;
     this.articleRelations = grid.ArticleRelations;
     this.initAccArr = grid.initAccArr;
     this.articleRelationsForOtherGroups = grid.ArticleRelationsForOtherGroups;
@@ -45068,16 +45082,18 @@ var Grid = /*#__PURE__*/function () {
   }, {
     key: "getArticleRelationsById",
     value: function getArticleRelationsById(id) {
-      var _this$ArticleRelation2;
+      var _this$ArticleRelation2, _own;
       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;
+      // The grid's own group can be one of its other groups too (e.g. by SHELFPLANNER_GROUP): that step offers both.
+      if (alternative && id !== this.group) return alternative.ArticleRelations;
+      var own = this.articleRelations;
       if (this.heightGridCellCountOnRule && this.currentLoadedRuleIndex !== false) {
         var curGrid = this.heightGridCellCountOnRule[this.currentLoadedRuleIndex];
-        if (curGrid.ArticleRelations) return curGrid.ArticleRelations;
+        if (curGrid.ArticleRelations) own = curGrid.ArticleRelations;
       }
-      return this.articleRelations;
+      return alternative ? [].concat(_toConsumableArray__default["default"]((_own = own) !== null && _own !== void 0 ? _own : []), _toConsumableArray__default["default"](alternative.ArticleRelations)) : own;
     }
   }, {
     key: "getGridIdByArticleCodex",
@@ -45659,6 +45675,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
       var article = set.getArticleByBasketId(movedDoor.BasketId);
       article === null || article === void 0 || (_article$doorPlanner = article.doorPlanner) === null || _article$doorPlanner === void 0 || _article$doorPlanner.onChange(movedDoor, targetDoor);
     });
+    /**
+     * The sets whose running drag changed the docking at START: the planner undocks the grabbed element there, also from
+     * the group members that move along with it, and docks it again at END.
+     */
+    _defineProperty__default["default"](this, "undockedByDragStart", new WeakSet());
   }
   return _createClass__default["default"](DivaSetHandler, [{
     key: "isDryRunArticle",
@@ -47794,18 +47815,28 @@ var DivaSetHandler = /*#__PURE__*/function () {
     key: "updatePlannerTrans",
     value: function () {
       var _updatePlannerTrans = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee27(set, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance, turningPoint) {
-        var updateConfig;
+        var updateConfig, undockedAtStart;
         return _regeneratorRuntime__default["default"].wrap(function _callee27$(_context29) {
           while (1) switch (_context29.prev = _context29.next) {
             case 0:
-              updateConfig = set.plannerHandler.updatePlannerTrans(set.getSetId(), plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance, turningPoint);
-              if (!updateConfig) {
+              updateConfig = set.plannerHandler.updatePlannerTrans(set.getSetId(), plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance, turningPoint); // The configuration follows the docking the drag is released with. Reconfigured after START, the docking dependent
+              // rules see the grabbed element apart from its group (a 50 cm cabinet allowed only beside a 100 cm one) and drop
+              // the values they hide; the sizes that changed with them then keep END from docking the group again.
+              if (!(transState == 'START')) {
                 _context29.next = 4;
                 break;
               }
-              _context29.next = 4;
-              return this.reconfigureSetAfterDockingChange(set, true, 'initializingAfterTrans');
+              if (updateConfig) this.undockedByDragStart.add(set);
+              return _context29.abrupt("return");
             case 4:
+              undockedAtStart = transState == 'END' && this.undockedByDragStart["delete"](set);
+              if (!(updateConfig || undockedAtStart)) {
+                _context29.next = 8;
+                break;
+              }
+              _context29.next = 8;
+              return this.reconfigureSetAfterDockingChange(set, true, 'initializingAfterTrans');
+            case 8:
             case "end":
               return _context29.stop();
           }
@@ -51491,7 +51522,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context13.next = 5;
-              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-d2952617.js'); });
+              return Promise.resolve().then(function () { return require('./PfisterWWSHandler-a8b5f4e9.js'); });
             case 5:
               _yield$import = _context13.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -51499,7 +51530,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 27);
             case 9:
               _context13.next = 11;
-              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-7fc6cc80.js'); });
+              return Promise.resolve().then(function () { return require('./LiviqueWWSHandler-0dbefe66.js'); });
             case 11:
               _yield$import2 = _context13.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -51507,7 +51538,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 27);
             case 15:
               _context13.next = 17;
-              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-bad49d7f.js'); });
+              return Promise.resolve().then(function () { return require('./SeriousBasketHandler-3c48950e.js'); });
             case 17:
               _yield$import3 = _context13.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -51515,7 +51546,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context13.abrupt("break", 27);
             case 21:
               _context13.next = 23;
-              return Promise.resolve().then(function () { return require('./StandardWWSHandler-e02c32b3.js'); });
+              return Promise.resolve().then(function () { return require('./StandardWWSHandler-0e684910.js'); });
             case 23:
               _yield$import4 = _context13.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -52913,7 +52944,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
               //If we need real time rendering initialize the SignalR and 3D host connection Handler
               bootMark('signalr: chunk import start');
               _context3.next = 3;
-              return Promise.resolve().then(function () { return require('./Host3DSignalR-68cfd444.js'); });
+              return Promise.resolve().then(function () { return require('./Host3DSignalR-afe1c347.js'); });
             case 3:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -57319,7 +57350,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 9:
               _context5.next = 11;
-              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-4d6c9460.js'); });
+              return Promise.resolve().then(function () { return require('./DivaStandardPlanner-14e46bd6.js'); });
             case 11:
               _yield$import = _context5.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -57334,7 +57365,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context5.abrupt("break", 22);
             case 16:
               _context5.next = 18;
-              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-15e3b967.js'); });
+              return Promise.resolve().then(function () { return require('./DivaBoxPlanner-d2bed074.js'); });
             case 18:
               _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-8a37b5a7.js');
+var index = require('./index-70f52508.js');
 var plannerCore = require('@crystaldesign/planner-core');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/asyncToGenerator');

package/build/esm/{DivaBoxPlanner-59b569bc.js → DivaBoxPlanner-aac3cf32.js}

@@ -3,11 +3,11 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as Vector2, V as Vector3, P as PlannerElementData, J as BoundingBox } from './index-bae4b8e4.js';
+import { u as Vector2, V as Vector3, P as PlannerElementData, J as BoundingBox } from './index-102cd67d.js';
 import DivaUtils, { DivaError, md5 } from '@crystaldesign/diva-utils';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { d as dockingPointHandlerInst, h as handler2D } from './PlannerHandler2D-c0380cdc.js';
+import { d as dockingPointHandlerInst, h as handler2D } from './PlannerHandler2D-e43996e4.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'axios';
 import '@babel/runtime/helpers/typeof';

package/build/esm/{DivaStandardPlanner-1f3f1c38.js → DivaStandardPlanner-e6a798d6.js}

@@ -5,10 +5,10 @@ import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { V as Vector3, p as poseOf, g as getSnapPlace, c as getDockingGroups, d as getElementShape, e as getCarrierSlots, h as getSlotPlaces, m as moveGroupRigidly, i as isSamePose, j as getGroupBlock, k as fitsInsideRoom, l as keepInsideRoom, n as bindToWalls, o as sameGeoExtent, q as getCornerEnd, r as getDoorClearanceRects, t as rectCorners, u as Vector2, M as MAX_GUEST_DEPTH, v as slotExempt, w as bodiesOverlap, x as getNearestMember, y as toPlacementOffset, z as getTurnDeg, A as moveSlotMember, B as moveShape, C as layersCollide, D as shapesCollide, P as PlannerElementData, E as parseGuestPlacement, F as saveElementArticleCodex, H as parseSetPlanData, I as isSavePlannerV2, J as BoundingBox, K as movePoints } from './index-bae4b8e4.js';
+import { V as Vector3, p as poseOf, g as getSnapPlace, c as getDockingGroups, d as getElementShape, e as getCarrierSlots, h as getSlotPlaces, m as moveGroupRigidly, i as isSamePose, j as getGroupBlock, k as fitsInsideRoom, l as keepInsideRoom, n as bindToWalls, o as sameGeoExtent, q as getCornerEnd, r as getDoorClearanceRects, t as rectCorners, u as Vector2, M as MAX_GUEST_DEPTH, v as slotExempt, w as bodiesOverlap, x as getNearestMember, y as toPlacementOffset, z as getTurnDeg, A as moveSlotMember, B as moveShape, C as layersCollide, D as shapesCollide, P as PlannerElementData, E as parseGuestPlacement, F as saveElementArticleCodex, H as parseSetPlanData, I as isSavePlannerV2, J as BoundingBox, K as movePoints } from './index-102cd67d.js';
 import DivaUtils, { DivaError, md5 } from '@crystaldesign/diva-utils';
 import { computeDockedTransform } from '@crystaldesign/planner-core';
-import { d as dockingPointHandlerInst, h as handler2D } from './PlannerHandler2D-c0380cdc.js';
+import { d as dockingPointHandlerInst, h as handler2D } from './PlannerHandler2D-e43996e4.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'axios';
 import '@babel/runtime/helpers/typeof';
@@ -70,6 +70,15 @@ var PATH_STEP = 2;
 var DEPTH_NOISE = 1e-6;
 /** cm within which a dragged guest snaps into a free place of a slot that takes it. */
 var SLOT_SNAP_DISTANCE = 20;
+/**
+ * cm within which a group dragged in a room docks (between the docking points), at least the viewer's own docking
+ * distance: as far as a slot snap reaches. The bodies block the drag at contact and a pointer moves several cm per event,
+ * so the group is mostly pushed into the element it docks to; it has to dock from such a pose, not only from the few cm
+ * before contact.
+ */
+var ROOM_DOCK_SNAP_DISTANCE = SLOT_SNAP_DISTANCE;
+/** cm between two docking points that meet at a dock pose (the float noise of the docked transform). */
+var DOCK_CONTACT_DISTANCE = 0.1;
 /** cm within which a drag counts as back at its start (the float noise of the summed moves). */
 var START_NOISE = 1e-6;
 var toFloorRect = function toFloorRect(block, pose) {
@@ -1681,13 +1690,14 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       };
     }
 
-    // The group follows the grabbed element rigidly to the wall or inside-room pose of the raw centre, also where it runs
-    // into an obstacle: what it runs into there is kept as `blockedBy` (the viewer shows the drag blocked, a release there
-    // goes back to the start). A forced group that fits on no wall is kept inside the room like a free one. Back at the
-    // start (a cancel, a blocked release) it stands exactly where it started, nothing snaps.
+    // The group follows the grabbed element rigidly to the wall or inside-room pose of the raw centre, and from there onto
+    // a dock within ROOM_DOCK_SNAP_DISTANCE, also where it runs into an obstacle: what it runs into there is kept as
+    // `blockedBy` (the viewer shows the drag blocked, a release there goes back to the start). A forced group that fits on
+    // no wall is kept inside the room like a free one. Back at the start (a cancel, a blocked release) it stands exactly
+    // where it started, nothing snaps.
   }, {
     key: "updateRoomDrag",
-    value: function updateRoomDrag(room, drag, deltaMove) {
+    value: function updateRoomDrag(room, drag, deltaMove, autoDockingDistance) {
       drag.dx += deltaMove.x;
       drag.dz += deltaMove.z;
       var _drag$start2 = drag.start,
@@ -1706,12 +1716,19 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
         center: drag.start.center,
         rotDeg: rotDeg
       };
-      var wanted = atStart ? startPose : slotPose !== null && slotPose !== void 0 ? slotPose : wallPose && (drag.wallMode === 'forced' || snapsToWall) ? wallPose : insidePose(block, {
+      var placed = atStart ? startPose : slotPose !== null && slotPose !== void 0 ? slotPose : wallPose && (drag.wallMode === 'forced' || snapsToWall) ? wallPose : insidePose(block, {
         center: rawCenter,
         rotDeg: rotDeg
       }, room);
-      drag.blockedBy = this.blockersAt(drag, wanted);
-      moveGroupRigidly([].concat(_toConsumableArray(drag.members), _toConsumableArray(drag.followers)), drag.current, wanted);
+      var group = [].concat(_toConsumableArray(drag.members), _toConsumableArray(drag.followers));
+      moveGroupRigidly(group, drag.current, placed);
+      // Pushed against the element it docks to, the group touches it docked instead of standing blocked in it, so the
+      // release docks it (see snapToDock).
+      var reach = autoDockingDistance === 0 ? 0 : Math.max(autoDockingDistance, ROOM_DOCK_SNAP_DISTANCE);
+      var dock = atStart || slotPose ? undefined : this.getDockSnapPose(drag, placed, reach);
+      var wanted = dock !== null && dock !== void 0 ? dock : placed;
+      moveGroupRigidly(group, placed, wanted);
+      drag.blockedBy = dock ? [] : this.blockersAt(drag, wanted);
       drag.current = wanted;
       drag.slotSnapped = !!slotPose;
       // A pair that overlapped at the start may only come apart, never go back in.
@@ -1724,6 +1741,44 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       });
     }
 
+    /**
+     * The pose of the group, standing at `pose`, where the grabbed element docks onto the nearest dock outside the group and
+     * its guests (see findDockSnap), where nothing blocks it; undefined when no dock is that near, or the room rule would
+     * move the docked group or something blocks it there that it does not dock to: then the group stays where the pointer
+     * has it. Docked elements may reach into each other as members of a group do (a side panel standing out of the
+     * outline), so every element the group docks to at that pose (both neighbours of a gap it fills) does not block.
+     */
+  }, {
+    key: "getDockSnapPose",
+    value: function getDockSnapPose(drag, pose, autoDockingDistance) {
+      var element = this.plannerElements.get(drag.elementId);
+      var group = [].concat(_toConsumableArray(drag.members), _toConsumableArray(drag.followers));
+      var unitIds = group.map(function (member) {
+        return member.ElementId;
+      });
+      var snap = element && this.findDockSnap(element, autoDockingDistance, unitIds);
+      if (!element || !snap) return undefined;
+      var _this$snapMove = this.snapMove(element, snap),
+        from = _this$snapMove.from,
+        to = _this$snapMove.to;
+      var docked = movePose(pose, from, to);
+      if (!this.getKeptPose(drag, docked)) return undefined;
+      moveGroupRigidly(group, pose, docked);
+      var others = this.getAllPlannerElements().filter(function (other) {
+        return !unitIds.includes(other.ElementId);
+      });
+      var dockedTo = new Set(group.flatMap(function (member) {
+        return _toConsumableArray(dockingPointHandlerInst.searchDockableElementsInArea(member, others, DOCK_CONTACT_DISTANCE).values()).map(function (pair) {
+          return pair.targetDP.ElementId;
+        });
+      }));
+      moveGroupRigidly(group, docked, pose);
+      var docksTo = function docksTo(obstacle) {
+        return obstacle.setId === undefined && obstacle.elementId !== undefined && dockedTo.has(obstacle.elementId);
+      };
+      return this.blockersAt(drag, docked).every(docksTo) ? docked : undefined;
+    }
+
     // The unit moved rigidly onto the nearest dock of `element` outside it (see findDockSnap), else with `slots` into the
     // nearest free slot place (see findSlotSnap).
   }, {
@@ -3478,7 +3533,7 @@ var DivaStandardPlanner = /*#__PURE__*/function () {
       if (room && roomDrag && !roomDrag.rotating && transState == 'UPDATE' && roomDrag.members.some(function (member) {
         return member.ElementId == elementId;
       })) {
-        if (elementId == roomDrag.elementId) this.updateRoomDrag(room, roomDrag, deltaMove);
+        if (elementId == roomDrag.elementId) this.updateRoomDrag(room, roomDrag, deltaMove, autoDockingDistance);
         return false;
       }
       if (this.plannerElements.has(elementId)) {

package/build/esm/{DoorPlanner-0d300e2c.js → DoorPlanner-edf1954c.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-bae4b8e4.js';
+import './index-102cd67d.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{Host3DSignalR-544381ed.js → Host3DSignalR-63710e3d.js}

@@ -3,7 +3,7 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { L as bootMark, R as Rendering, N as HQRenderScript } from './index-bae4b8e4.js';
+import { L as bootMark, R as Rendering, N as HQRenderScript } from './index-102cd67d.js';
 import DivaUtils, { DivaError } from '@crystaldesign/diva-utils';
 import { HubConnectionBuilder, LogLevel } from '@microsoft/signalr';
 import io from 'socket.io-client';

package/build/esm/{LiviqueWWSHandler-57ec4811.js → LiviqueWWSHandler-fe5d4d89.js}

@@ -1,6 +1,6 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
-import './index-bae4b8e4.js';
+import './index-102cd67d.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{PfisterWWSHandler-78928e8f.js → PfisterWWSHandler-17267695.js}

@@ -1,6 +1,6 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
-import { a as articleHandlerInstance } from './index-bae4b8e4.js';
+import { a as articleHandlerInstance } from './index-102cd67d.js';
 import { SAPOrderLineData } from '@crystaldesign/basket-model';
 import DivaUtils, { DivaError } from '@crystaldesign/diva-utils';
 import '@babel/runtime/helpers/slicedToArray';