@grafloria/element 0.4.57 → 0.4.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafloria/element",
-  "version": "0.4.57",
+  "version": "0.4.58",
   "type": "module",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",

package/src/lib/dashboard-kit/grid-binder.js

@@ -697,6 +697,13 @@ export function bindDashboardGrid(api, group, options = {}) {
         if (!engine.getItem(id))
             return;
         engine.remove(id);
+        // THE LIVE BOUND FOLLOWS THE MEMBERS. A board that took rows from its
+        // parent to hold an arrival (D4) keeps that bound while the tile is here;
+        // when the tile leaves — an undo of the drop, a removal — the bound goes
+        // back to what the remaining tiles need, or the board stays a row taller
+        // than anything in it.
+        if (designRows !== undefined)
+            setLiveBound(liveBound(engine.getItems()));
         project();
         api.render();
     };
@@ -2394,9 +2401,8 @@ export function bindDashboardGrid(api, group, options = {}) {
         const squeezeBefore = squeezeRoom;
         let entered = engine.add({ id: node.id, x: 0, y: engine.rows(), w: span.w, h: span.h });
         // Only a board with NO parent tile to grow through squeezes — a page. A
-        // full SECTION keeps refusing (grid-options s05: refused, then joined once
-        // a strip was removed); growing its slab for a dropped tile is the
-        // escalation path's, not a squeeze's, and is not built yet.
+        // full SECTION grows instead (D4, below): its height is a tile of its
+        // parent, and the parent is what has the rows to give.
         if (!entered && !parentPeer()) {
             const room = elasticRows();
             if (room !== undefined && room > ((_a = bound()) !== null && _a !== void 0 ? _a : 0)) {
@@ -2405,7 +2411,38 @@ export function bindDashboardGrid(api, group, options = {}) {
                 entered = engine.add({ id: node.id, x: 0, y: engine.rows(), w: span.w, h: span.h });
             }
         }
+        let grown = null;
+        const ungrow = () => {
+            const g = grown;
+            if (!g)
+                return;
+            g.peer.resizeMemberBy(group.id, -g.rows);
+            setLiveBound(Math.max(1, (maxRows !== null && maxRows !== void 0 ? maxRows : 1) - g.rows));
+            grown = null;
+        };
+        if (!entered && escalate) {
+            const parent = parentPeer();
+            let rowsAdded = 0;
+            let firstBefore = null;
+            let lastAfter = null;
+            // At most the tile's own height in rows: past that the board is not
+            // "full", it is smaller than the thing being dropped into it.
+            for (let i = 0; parent && !entered && i < Math.max(1, span.h); i++) {
+                const res = parent.resizeMemberBy(group.id, +1);
+                if (!res.changed || !res.cellBefore || !res.cellAfter || !res.frameBefore || !res.frameAfter)
+                    break;
+                rowsAdded += 1;
+                firstBefore = firstBefore !== null && firstBefore !== void 0 ? firstBefore : { cell: res.cellBefore, frame: res.frameBefore };
+                lastAfter = { cell: res.cellAfter, frame: res.frameAfter };
+                setLiveBound((maxRows !== null && maxRows !== void 0 ? maxRows : 0) + 1);
+                entered = engine.add({ id: node.id, x: 0, y: engine.rows(), w: span.w, h: span.h });
+            }
+            if (parent && rowsAdded > 0 && firstBefore && lastAfter) {
+                grown = { peer: parent, rows: rowsAdded, cellBefore: firstBefore.cell, frameBefore: firstBefore.frame, cellAfter: lastAfter.cell, frameAfter: lastAfter.frame };
+            }
+        }
         if (!entered) {
+            ungrow();
             setSqueeze(squeezeBefore);
             engine.endGesture();
             return null; // a bounded, full board refuses the adoption
@@ -2535,6 +2572,7 @@ export function bindDashboardGrid(api, group, options = {}) {
                 if (engine.getItem(node.id))
                     engine.remove(node.id);
                 engine.cancelGesture(); // pre-entry layout, memory cleared
+                ungrow(); // the rows this board took from its parent for the arrival go back (D4)
                 setSqueeze(squeezeBefore);
                 adoptedGhostId = null;
                 disarmGlideSoon();
@@ -2555,6 +2593,11 @@ export function bindDashboardGrid(api, group, options = {}) {
                 // Widgets AND sections this board's adoption displaced, as one list: a
                 // dock or a push that moved a section commits it with the drop.
                 const commands = tileCommands(deltasSince(startCells, startGeom, node.id));
+                // …and the rows this board took from its parent to hold the arrival (D4).
+                if (grown) {
+                    commands.push(new SetGroupCellCommand(group.id, grown.cellBefore, grown.cellAfter, grown.frameBefore, grown.frameAfter));
+                    grown = null;
+                }
                 engine.endGesture();
                 pendingDrop = node.id; // the tile stays for the member the commit (or the host's drop-in) adds
                 if (squeezeRoom !== undefined) {