@itrocks/list 0.23.1 → 0.23.2

package/README.md

@@ -352,10 +352,9 @@ and retain their committed order throughout the drag. New accepted drops feed re
 cancellations do not. Row-view changes and view disposal cancel transport. The desktop pane stays open, and capture is
 owned by the selector's surviving source controller. The consumer imports no home implementation, SQL or hydration code.
 
-The consumer requests `pane.suspend({ mobileOnly: true })` only when a source gesture has been recognised. The pane
-host owns its responsive breakpoint. The token is restored after acceptance and column persistence, or after
-cancellation/rejection; it never focuses the search field. View disposal removes the registration and invalidates late
-restoration. Custom pane adapters may implement the same optional suspension argument without importing `home`.
+When a source gesture is recognised, the consumer closes the pane if its rendered width fills its parent.
+It stays closed after a drop, cancellation or rejection. A narrower desktop pane stays open.
+Locating a selected column uses the same width check and closes a full-width pane before revealing the column.
 
 `node test/browser-requests.mjs` checks request counts and real mouse gestures in Chromium with synthetic HTTP data.
 It covers initial mount, click placeholders, hidden drag additions, values for 80 loaded rows before entry or drop,

package/package.json

@@ -94,5 +94,5 @@
 		"build:front": "tsc -p src/front/tsconfig.json",
 		"test": "npm run build:cjs && node --test \"test/**/*.test.mjs\""
 	},
-	"version": "0.23.1"
+	"version": "0.23.2"
 }

package/property-select.d.ts

@@ -51,6 +51,7 @@ export declare class ListPropertySelect implements ConsumerPort {
     private columnContent;
     private add;
     begin(intent: SelectionIntent, sample: PointerSample): void;
+    private closeFullWidthPane;
     private columnSource;
     cancel(id: string): void;
     private displayedPaths;

package/property-select.js

@@ -143,18 +143,17 @@ export class ListPropertySelect {
             throw new Error('A column operation is pending');
         const path = normalisePath(intent.path);
         const added = !this.paths().includes(path);
-        const suspension = this.pane.suspend({ mobileOnly: true });
-        try {
-            if (added)
-                this.add(path, this.abort.signal, { effects: false, hidden: true });
-            const paths = this.paths();
-            const operation = this.options.addition.beginExternal(this.columnSource(path), sample, { adding: added, removal: true });
-            this.drag = { added, intent, operation, paths, restore: () => suspension.restore() };
-        }
-        catch (error) {
-            suspension.restore();
-            throw error;
-        }
+        this.closeFullWidthPane();
+        if (added)
+            this.add(path, this.abort.signal, { effects: false, hidden: true });
+        const paths = this.paths();
+        const operation = this.options.addition.beginExternal(this.columnSource(path), sample, { adding: added, removal: true });
+        this.drag = { added, intent, operation, paths };
+    }
+    closeFullWidthPane() {
+        const aside = this.content.closest('aside');
+        if (aside && (aside.offsetWidth > 0) && (aside.offsetWidth >= aside.parentElement.clientWidth))
+            this.pane.close();
     }
     columnSource(path) {
         const selector = this.view.selector;
@@ -202,7 +201,6 @@ export class ListPropertySelect {
         const drag = this.drag;
         drag.operation.cancel();
         this.drag = undefined;
-        drag.restore();
         this.view.selector.setConfiguration({ usedPaths: this.paths() });
     }
     displayedPaths() {
@@ -256,7 +254,6 @@ export class ListPropertySelect {
         finally {
             if (this.drag === drag)
                 this.drag = undefined;
-            drag.restore();
         }
     }
     async mount() {
@@ -354,11 +351,8 @@ export class ListPropertySelect {
             if (this.disposed)
                 throw new Error('List disposed');
             if ((status !== 'removed') && this.paths().includes(path)) {
-                if (intent.action === 'add') {
-                    const aside = this.content.closest('aside');
-                    if (aside && (aside.offsetWidth > 0) && (aside.offsetWidth >= aside.parentElement.clientWidth))
-                        this.pane.close();
-                }
+                if (intent.action === 'add')
+                    this.closeFullWidthPane();
                 this.options.addition.reveal(path);
                 if (status === 'existing')
                     this.options.addition.highlight(path);