@itrocks/list 0.13.6 → 0.17.1

package/README.md

@@ -185,16 +185,33 @@ the dependency hook. The configured data source remains responsible for storage
 `GET /<business-route>/list?column=<path>&rowIds=<comma-separated-identifiers>` uses the HTML action and returns a JSON
 column descriptor with rendered cells keyed by root id. It intersects visible ids with the current filters and mandatory
 scope, makes one projection and performs no count. Invalid selections return 400. Full entity JSON remains available
-through `/list/json`. Column configuration saves use the established `columns` parameter and return 204.
+through `/list/json`. Adding `columns=<ordered-paths>` saves the column configuration in the same request.
+Configuration-only requests return 204. The browser serialises both kinds of request to preserve the latest order.
 
 The browser entry `@itrocks/list/property-select.js` exports `ListPropertySelect`, with explicit metadata, table
 addition, column persistence and narrow pane ports. The framework mounts it only on compatible lists and disposes it on
-navigation. It reserves pending paths, confirms accepted additions, reveals/highlights duplicates without moving focus,
-and checks row identity before insertion. Failed selection leaves the context intact. It loads only currently visible
-row ids through the current feed position; changing the row view while loading rejects the obsolete response with a
-retry message. Clicks and desktop drags create empty columns and immediately load values asynchronously through the
-public table transaction. A new dragged column stays hidden until the pointer first enters the table, so its values can
-arrive before it appears. Drag admission waits for drop.
+navigation. It reserves pending paths and confirms accepted additions. The checkbox, its cell and the property name
+toggle terminal and relation columns. The checkbox clears immediately before the red removal flash. Reselecting during that flash cancels removal,
+checks the property again and highlights the retained column green, then saves the restored configuration.
+The removal configuration is sent at the initial click, independently of the animation; deleting the cells sends no
+additional request.
+After a completed removal, a later click returns the column immediately right of its former left neighbour, or left of its former right neighbour if the left one is absent. If neither remains,
+it is appended. Neighbours are kept only in this pane instance's memory and cleared on folding, closure or disposal;
+they never enter session state. Drag placement continues to follow the drop position.
+An explicit addition intention always requests addition: an existing column is revealed and highlighted green without removal.
+Property names and checkbox cells toggle the same selection; chevrons and intermediate path segments navigate.
+The consumer checks row identity before insertion. Failed selection leaves the context intact. It loads only currently
+visible row ids through the current feed position; changing the row view while loading rejects the obsolete response with a
+discreet red background. Clicks commit the translated full-path heading and filter locally, before any server response.
+One asynchronous request
+then saves the column order and loads the values; there is no separate admission request. A new drag calls the same
+addition code as a click with `{ effects: false, hidden: true }`, then moves the committed column through the standard
+table reorder operation with `{ adding: true, removal: true }`. Its combined request loads values immediately while
+cells remain hidden, without width animation, flash or automatic scroll. On first pointer entry, the column appears
+with any values already received and uses a green background and plus indicator. An outside drop deletes it through
+the standard header-origin removal and saves once, even if the pointer never entered. Cancelling a new addition also
+removes it. Dropping inside saves only a changed column order; it never reloads values.
+The optional `request(query, signal)` port shares the list persistence queue.
 Existing-column moves and removals only save the column configuration. The header contains each label and its filter
 together, so it uses the table addition plugin's single-header contract.
 
@@ -227,15 +244,13 @@ The browser displays recoverable persistence errors.
 
 ## External column transport
 
-The list consumer supplies immediate empty cells, authorises admission and loads all currently loaded row ids through
-the same projection/rendering route used for click additions. `validate=1` on a `column` request checks representation
-and permission without selecting records; it prevents unsupported object and nested plural paths from being confirmed
-on drop.
-Admission is independent of the optional values request. A slow or failed values request leaves valid drops accepted;
-failed cells expose `Retry values` without another addition or recent entry.
+The list consumer supplies cells containing a non-breaking space and loads all currently loaded row ids through
+one combined configuration/projection request after the local commit. A failed values request leaves the column
+in place, with a discreet red background on its data cells. The spaces remain; no error text, retry button or automatic
+retry is added. The translated full path comes from the selector's displayed row and available branch metadata.
 
-Pending paths and the active drag are reserved before asynchronous work. Used paths retain their committed order
-throughout the drag, and configuration saves exclude provisional cells. New accepted drops feed recents; moves and
+Pending paths and the active drag are reserved before asynchronous work. Used paths include the new column immediately
+and retain their committed order throughout the drag. New accepted drops feed recents; moves and
 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.
 
@@ -245,6 +260,36 @@ cancellation/rejection; it never focuses the search field. View disposal removes
 restoration. Custom pane adapters may implement the same optional suspension argument without importing `home`.
 
 `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 preloading, reveal on table entry, values for 80 loaded rows,
-outside cancellation, duplicates, reordering and removal.
+It covers initial mount, click placeholders, hidden drag additions, values for 80 loaded rows before entry or drop,
+green addition indicators, outside removal before and after entry, terminal toggles and reordering.
+`node test/browser-removal-cancel.mjs` checks immediate unchecking and cancellation during the red flash through
+checkbox, cell and name clicks, for terminal and relation columns, with an immediate removal save followed by a restored configuration save.
+`node test/browser-column-positions.mjs` checks neighbour-based reinsertion in the real table, both fallbacks,
+and memory expiry on closure, including closure during a pending removal. It starts its own synthetic HTTP fixture.
 Set `PS_PLAYWRIGHT_MODULE` to an installed Playwright module when using a different runtime.
+
+`node test/browser-toggle.mjs` exercises the real framework list against the synthetic recipe database on port 13316
+(`PS_DATABASE_PORT` overrides it). It starts and stops its own application instance and checks desktop keyboard, touch,
+reduced motion, horizontal reveal, removal and temporary-row transitions. `PS_TOGGLE_URL` reuses an existing instance
+of that recipe instead. The synthetic database must already be running; this test never resets it.
+
+## Component column batches
+
+Selecting a component group sends one request with `loadColumns` listing missing paths, `columns` containing the
+complete final configuration and `rowIds` identifying visible roots. The response contains `columns`, each with
+`path`, `label`, `sortable` and rendered `rows`. Empty `loadColumns` saves group removals without querying records.
+Failed batch projections preserve the saved configuration. Checkboxes update optimistically before metadata or HTTP
+requests, for both individual selections and groups. The host commits placeholders and starts the shared green flash
+before the values request; early values remain masked until the flash finishes, while late values appear immediately.
+Removal starts one red flash after publishing the unchecked state, then sends the configuration request. Front-end
+columns disappear at the animation deadline even if that request is still pending. Group actions use one HTTP request.
+
+Sub-properties reached through one collection marked `@Component` are projected together when its element type
+has one matching `@Composite` back-reference. The list reads visible root identities once, then all requested fields
+in one query per component collection, restricted to those identities. Singular ancestors and related object labels
+share these queries. Values retain component order and duplicates; these columns are not sortable.
+The same projection is used when reloading the list or adding an individual component sub-property.
+
+`test/browser-component-batch.mjs` verifies real browser interactions, HTTP request counts, MySQL query counts,
+rendered values, mandatory row scope, partial selection, removal and session restoration. It creates and cleans up
+its own temporary database and server using the existing selector integration recipe.

package/build.js

@@ -11,24 +11,27 @@ import { tableByElement } from '@itrocks/table/table.js';
 import { xTargetCall } from '@itrocks/xtarget/xtarget.js';
 build('article[data-action="list"] > form > table.objects', table => {
     let saving = Promise.resolve();
-    const saveColumns = () => {
+    const request = (query, signal) => {
+        const form = table.closest('form');
+        const result = saving.then(() => fetch(`${form.action}?${query}`, { keepalive: true, signal }));
+        saving = result.then(() => { }, () => { });
+        return result;
+    };
+    const saveColumns = (paths) => {
         const columns = table.tHead?.rows[0].querySelectorAll(':scope > th[data-property]:not(.column-add-provisional)');
         const form = table.closest('form');
         if (!columns || !form)
             return Promise.resolve();
-        const properties = Array.from(columns, column => encodeURIComponent(column.dataset.property ?? ''));
-        const url = form.action + '?columns=' + properties.join(',');
-        saving = saving.catch(() => { }).then(async () => {
-            const response = await fetch(url, { keepalive: true });
+        const properties = paths ?? Array.from(columns, column => column.dataset.property ?? '');
+        return request(new URLSearchParams({ columns: properties.join(',') })).then(response => {
             if (!response.ok)
                 throw new Error('Unable to save columns');
         });
-        return saving;
     };
     const tableColumnReorder = new TableColumnReorder({
         isReorderable: header => header.dataset.property !== undefined,
-        onRemove: saveColumns,
-        onReorder: saveColumns
+        onRemove: () => saveColumns(),
+        onReorder: () => saveColumns()
     });
     const tableLink = new TableLink({
         call: url => xTargetCall(url, 'main'),
@@ -46,7 +49,7 @@ build('article[data-action="list"] > form > table.objects', table => {
         ]
     });
     table.dispatchEvent(new CustomEvent('itrocks:list-ready', {
-        bubbles: true, detail: { addition, instance, saveColumns }
+        bubbles: true, detail: { addition, instance, request, saveColumns }
     }));
     table.addEventListener('click', event => {
         const element = event.target;

package/cjs/columns.js

@@ -5,6 +5,7 @@ exports.projectColumns = projectColumns;
 const list_properties_1 = require("@itrocks/list-properties");
 const storage_1 = require("@itrocks/storage");
 const storage_2 = require("@itrocks/storage");
+const storage_3 = require("@itrocks/storage");
 const parameter_1 = require("./parameter");
 const projection_1 = require("./projection");
 class Columns extends parameter_1.Parameter {
@@ -74,12 +75,51 @@ class Columns extends parameter_1.Parameter {
 exports.Columns = Columns;
 async function projectColumns(type, columns, search, options) {
     const singular = columns.filter(column => !column.multiple);
-    const result = await (0, storage_1.dataSource)().select(type, singular.map(column => column.selection()), search, options);
+    const selections = singular.map(column => column.selection());
+    const parents = [...new Set(columns.flatMap(column => column.component?.parent ? [column.component.parent] : []))]
+        .filter(path => !singular.some(column => column.name === path));
+    selections.push(...parents.map(path => ({ path, objectFields: [] })));
+    const result = await (0, storage_1.dataSource)().select(type, selections, search, options);
     if (!columns.some(column => column.multiple) || !result.rows.length)
         return result;
     const ids = result.rows.map(row => row.rootId);
-    const objects = await (0, storage_1.dataSource)().search(type, search, [new storage_2.Identifiers(ids)]);
+    const direct = columns.filter(column => column.multiple && !column.component);
+    const objects = direct.length ? await (0, storage_1.dataSource)().search(type, search, [new storage_2.Identifiers(ids)]) : [];
     const byId = new Map(objects.map(object => [String(object.id), object]));
+    const components = new Map();
+    for (const path of new Set(columns.flatMap(column => column.component ? [column.component.path] : []))) {
+        const grouped = columns.filter(column => column.component?.path === path);
+        const component = grouped[0].component;
+        const parentIds = result.rows.map(row => {
+            if (!component.parent)
+                return row.rootId;
+            const index = singular.findIndex(column => column.name === component.parent);
+            const cell = row.cells[index < 0 ? singular.length + parents.indexOf(component.parent) : index];
+            return cell.kind === 'value' ? cell.value?.id : undefined;
+        });
+        const selectedIds = [...new Set(parentIds.filter((id) => id !== undefined))];
+        const selections = new Map([
+            [component.inverse, { path: component.inverse, objectFields: [] }]
+        ]);
+        for (const column of grouped)
+            selections.set(column.component.column.name, column.component.column.selection());
+        const names = [...selections.keys()];
+        const values = selectedIds.length ? await (0, storage_1.dataSource)().select(component.type, [...selections.values()], { [component.inverse]: selectedIds }, [new storage_3.Sort([])]) : undefined;
+        for (const column of grouped) {
+            const byParent = new Map();
+            for (const row of values?.rows ?? []) {
+                const owner = row.cells[0];
+                if (owner.kind !== 'value' || !owner.value)
+                    continue;
+                const id = String(owner.value.id);
+                let cells = byParent.get(id);
+                if (!cells)
+                    byParent.set(id, cells = []);
+                cells.push(row.cells[names.indexOf(column.component.column.name)]);
+            }
+            components.set(column.name, new Map(result.rows.map((row, index) => [String(row.rootId), byParent.get(String(parentIds[index])) ?? []])));
+        }
+    }
     return {
         rootType: type,
         columns: columns.map(column => ({ path: column.name, kind: column.multiple ? 'scalar' :
@@ -89,6 +129,9 @@ async function projectColumns(type, columns, search, options) {
             const cells = await Promise.all(columns.map(async (column) => {
                 if (!column.multiple)
                     return row.cells[singular.indexOf(column)];
+                if (column.component)
+                    return { kind: 'value',
+                        value: components.get(column.name).get(String(row.rootId)) ?? [] };
                 const value = object ? await object[column.name] : [];
                 return { kind: 'value', value: value ?? [] };
             }));

package/cjs/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sourceRoot":"","sources":["../src/columns.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../src/columns.ts"],"names":[],"mappings":"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"}

package/cjs/list.js

@@ -89,7 +89,8 @@ let List = (() => {
                 for (const field of column.fields ?? [])
                     await access.authorise(`${column.name}.${field}`);
             }
-            if (request.request.data.columns !== undefined) {
+            const batch = typeof request.request.data.loadColumns === 'string';
+            if (request.request.data.columns !== undefined && typeof request.request.data.column !== 'string' && !batch) {
                 (0, persist_2.save)(this, request.request, type);
                 return this.htmlResponse('', 204);
             }
@@ -98,13 +99,44 @@ let List = (() => {
             for (const column of columns)
                 column.search = filter.search[column.name] ?? '';
             sort.getParams(request.request, type);
-            (0, persist_2.save)(this, request.request, type);
+            if (!batch)
+                (0, persist_2.save)(this, request.request, type);
             const options = feed.readOptions(filter.readOptions(sort.readOptions()));
             const search = Object.assign(filter.searchObject(type), scope);
             for (const path of Object.keys(search))
                 await access.authorise(path);
             for (const path of Object.keys(sort.sorted ?? {}))
                 await access.authorise(path);
+            if (batch) {
+                try {
+                    const names = request.request.data.loadColumns.split(',').filter(Boolean);
+                    if (new Set(names).size !== names.length)
+                        throw new Error('Duplicate column paths');
+                    const requested = names.map(path => new projection_1.ListColumn(type, path));
+                    for (const column of requested) {
+                        if (!columns.serialize().includes(column.name))
+                            throw new Error('Column absent from configuration');
+                        await access.authorise(column.name);
+                        for (const field of column.fields ?? [])
+                            await access.authorise(`${column.name}.${field}`);
+                    }
+                    const ids = request.request.data.rowIds;
+                    if (typeof ids !== 'string')
+                        throw new Error('Visible row identities are required');
+                    const result = requested.length ? await (0, columns_2.projectColumns)(type, requested, search, [new storage_1.Identifiers(ids ? ids.split(',') : [])]) : undefined;
+                    const response = await Promise.all(requested.map(async (column, index) => ({
+                        label: column.label, path: column.name, sortable: column.sortable,
+                        rows: await Promise.all(result.rows.map(async (row) => ({
+                            id: row.rootId, html: await column.output(row.cells[index])
+                        })))
+                    })));
+                    (0, persist_2.save)(this, request.request, type);
+                    return this.jsonResponse({ columns: response });
+                }
+                catch (error) {
+                    return this.jsonResponse({ error: error instanceof Error ? error.message : 'Columns unavailable' }, 400);
+                }
+            }
             if (typeof request.request.data.column === 'string') {
                 try {
                     const path = request.request.data.column;

package/cjs/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"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"}

package/cjs/projection.d.ts

@@ -11,6 +11,13 @@ export declare function representationFields(type: Type, ancestors?: readonly Ty
 export declare class ListColumn {
     readonly root: Type;
     readonly name: string;
+    readonly component?: {
+        column: ListColumn;
+        inverse: string;
+        parent: string;
+        path: string;
+        type: Type;
+    };
     readonly field: string;
     readonly fields?: readonly string[];
     readonly label: string;

package/cjs/projection.js

@@ -3,13 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListColumn = void 0;
 exports.listRepresentationDependsOn = listRepresentationDependsOn;
 exports.representationFields = representationFields;
+const class_type_1 = require("@itrocks/class-type");
 const class_view_1 = require("@itrocks/class-view");
 const class_view_2 = require("@itrocks/class-view");
 const class_view_3 = require("@itrocks/class-view");
 const composition_1 = require("@itrocks/composition");
+const composition_2 = require("@itrocks/composition");
 const core_transformers_1 = require("@itrocks/core-transformers");
 const core_transformers_2 = require("@itrocks/core-transformers");
 const property_view_1 = require("@itrocks/property-view");
+const reflect_1 = require("@itrocks/reflect");
+const reflect_2 = require("@itrocks/reflect");
 const reflect_path_1 = require("@itrocks/reflect-path");
 const reflect_path_2 = require("@itrocks/reflect-path");
 const storage_1 = require("@itrocks/storage");
@@ -41,6 +45,7 @@ function representationFields(type, ancestors = [], property) {
 class ListColumn {
     root;
     name;
+    component;
     field;
     fields;
     label;
@@ -58,12 +63,36 @@ class ListColumn {
         const resolved = (0, reflect_path_2.resolvePropertyPath)(root, name);
         this.multiple = resolved.targetMultiplicity === 'many';
         this.sortable = !this.multiple;
-        if (resolved.targetMultiplicity !== 'one' && !(this.multiple && resolved.segments.length === 1)) {
+        if (this.multiple && resolved.segments.length > 1) {
+            const index = resolved.segments.findIndex(property => property.relation?.targetMultiplicity === 'many');
+            const property = resolved.segments[index];
+            const target = property?.relation?.target;
+            if (target && (0, composition_1.componentOf)(property.class.type, property.name) && index < resolved.segments.length - 1) {
+                const inverses = Object.keys(new reflect_1.ReflectClass(target).propertyTypes).filter(name => {
+                    if (!(0, composition_2.compositeOf)(target, name))
+                        return false;
+                    const relation = new reflect_2.ReflectProperty(target, name).relation;
+                    return relation?.target && (0, class_type_1.inherits)(property.class.type, relation.target);
+                });
+                if (inverses.length === 1) {
+                    const column = new ListColumn(target, name.split('.').slice(index + 1).join('.'));
+                    if (!column.multiple)
+                        this.component = {
+                            column, inverse: inverses[0], parent: name.split('.').slice(0, index).join('.'),
+                            path: name.split('.').slice(0, index + 1).join('.'), type: target
+                        };
+                }
+            }
+        }
+        if (resolved.targetMultiplicity !== 'one' && !(this.multiple && resolved.segments.length === 1)
+            && !this.component) {
             throw new storage_1.SelectionError(resolved.targetMultiplicity === 'many' ? 'multiple-values' : 'unsupported-selection', name);
         }
         this.property = new reflect_path_1.ReflectPropertyPath(root, name);
         this.target = resolved.target;
         this.label = resolved.segments.map(property => (0, translate_1.tr)((0, property_view_1.displayOf)(property.class.type, property.name))).join('.');
+        if (this.component)
+            this.fields = this.component.column.fields;
         if (resolved.target && !this.multiple)
             this.fields = representationFields(resolved.target, [], resolved.property);
     }
@@ -72,6 +101,12 @@ class ListColumn {
             return '';
         if (cell.kind === 'unloaded')
             return '<span class="unavailable">Unavailable</span>';
+        if (this.component) {
+            const cells = cell.value;
+            const values = await Promise.all(cells.map(cell => this.component.column.output(cell)));
+            return (0, multiple_output_1.multipleOutputOf)(this.property.class.type, this.property.name) === 'lines'
+                ? '<ul>' + values.map(value => `<li>${value}</li>`).join('') + '</ul>' : values.join(', ');
+        }
         if (this.fields && this.fields.some(field => !cell.loadedFields?.includes(field)))
             throw new storage_1.SelectionError('unsupported-selection', this.name);
         if (this.multiple && (0, composition_1.componentOf)(this.property.class.type, this.property.name)) {

package/cjs/projection.js.map

@@ -1 +1 @@
-{"version":3,"file":"projection.js","sourceRoot":"","sources":["../src/projection.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"projection.js","sourceRoot":"","sources":["../src/projection.ts"],"names":[],"mappings":"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"}

package/list.css

@@ -33,7 +33,7 @@ table.objects {
   overflow-y: auto;
 }
 table.objects th {
-  background: #f8f8f8;
+  background: #eee;
 }
 table.objects tr td, table.objects tr th {
   border-bottom: 1px solid #d8d8d8;
@@ -51,7 +51,7 @@ table.objects > * > tr > .column-reorder {
   --column-reorder-tint: inset 0 0 0 100vmax rgb(0 0 0 / 2%);
   box-shadow: var(--column-reorder-tint);
 }
-table.objects > * > tr > .column-reorder.column-add-provisional {
+table.objects > * > tr > .column-reorder.adding {
   --column-reorder-tint: inset 0 0 0 100vmax rgb(47 137 67 / 5%);
 }
 table.objects > * > tr > .column-reorder.moving {
@@ -84,10 +84,10 @@ table.objects > tbody:first-child > tr:nth-child(odd) > td {
 table.objects > thead > tr.properties > th {
   user-select: none;
 }
-table.objects > thead > tr.properties > th.moving, table.objects > thead > tr.properties > th.removing {
+table.objects > thead > tr.properties > th.adding, table.objects > thead > tr.properties > th.moving, table.objects > thead > tr.properties > th.removing {
   z-index: 2;
 }
-table.objects > thead > tr.properties > th.moving::before, table.objects > thead > tr.properties > th.removing::before, table.objects > thead > tr.properties > th.column-add-provisional.column-reorder::before {
+table.objects > thead > tr.properties > th.adding::before, table.objects > thead > tr.properties > th.moving::before, table.objects > thead > tr.properties > th.removing::before {
   content: "";
   display: inline-block;
   height: 1em;
@@ -108,7 +108,7 @@ table.objects > thead > tr.properties > th.removing::before {
   background: #d51d2c;
   mask-image: url("column-remove.svg");
 }
-table.objects > thead > tr.properties > th.column-add-provisional.column-reorder::before {
+table.objects > thead > tr.properties > th.adding::before {
   background: #2f8943;
   mask-image: url("column-add.svg");
 }
@@ -164,12 +164,15 @@ table.objects > thead > tr.search > th > input:focus {
   outline: none;
   box-shadow: inset 0 0 0 2px Highlight, var(--column-reorder-tint, 0 0 transparent);
 }
-table.objects > thead + tbody > tr:nth-child(even) > td {
+table.objects > thead + tbody > tr:nth-child(even) {
   background: #f8f8f8;
 }
-table.objects > thead + tbody > tr:nth-child(odd) > td {
+table.objects > thead + tbody > tr:nth-child(odd) {
   background: white;
 }
+table.objects > thead + tbody > tr:hover {
+  background: #f4f4f4;
+}
 
 :not(article, article > form) > table.objects td, :not(article, article > form) > table.objects th {
   border-top: 1px solid #d8d8d8;

package/package.json

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

package/property-select.d.ts

@@ -25,32 +25,41 @@ export type ListSelectorOptions = {
     addition: TableColumnAdd;
     metadata: MetadataProvider;
     mountSelector(content: HTMLElement, title: string): PaneHandle;
-    saveColumns(): Promise<void>;
+    request?(query: URLSearchParams, signal: AbortSignal): Promise<Response>;
+    saveColumns(paths?: readonly string[]): Promise<void>;
     templateUrl?: string;
 };
 export declare class ListPropertySelect implements ConsumerPort {
     private readonly article;
     private readonly options;
     private readonly abort;
+    private batch;
     private readonly button;
+    private readonly content;
     private disposed;
     private drag?;
     private readonly observer;
     private readonly pane;
     private readonly pending;
+    private readonly removals;
+    private removedColumns;
+    private readonly unsubscribePane;
     readonly view: PropertySelectView;
     constructor(article: HTMLElement, options: ListSelectorOptions);
     private loadColumn;
+    private loadColumns;
+    private columnContent;
     private add;
     begin(intent: SelectionIntent, sample: PointerSample): void;
     private columnSource;
-    private validateColumn;
     cancel(id: string): void;
-    private previewError;
+    private displayedPaths;
     dispose(): void;
     end(id: string, sample: PointerSample): Promise<Outcome>;
     mount(): Promise<boolean>;
     move(id: string, sample: PointerSample): void;
     paths(): string[];
+    private remove;
     select(intent: SelectionIntent, signal: AbortSignal): Promise<Outcome>;
+    selectMany(intents: readonly SelectionIntent[], signal: AbortSignal): Promise<readonly Outcome[]>;
 }

package/property-select.js

@@ -5,27 +5,37 @@ export class ListPropertySelect {
     article;
     options;
     abort = new AbortController();
+    batch = false;
     button;
+    content = document.createElement('div');
     disposed = false;
     drag;
     observer;
     pane;
     pending = new Map();
+    removals = new Map();
+    removedColumns = new Map();
+    unsubscribePane;
     view;
     constructor(article, options) {
         this.article = article;
         this.options = options;
-        const content = document.createElement('div');
+        const content = this.content;
         this.button = article.querySelector('.add-column');
-        this.pane = options.mountSelector(content, 'Add columns');
         const initial = article.dataset.selectorBootstrap
             ? JSON.parse(decodeURIComponent(article.dataset.selectorBootstrap)) : undefined;
+        const translate = (text) => initial?.translations?.[text] ?? text;
+        this.pane = options.mountSelector(content, translate('Add columns'));
+        this.unsubscribePane = this.pane.subscribe(state => {
+            if (!state.open || !state.present)
+                this.removedColumns = new Map();
+        });
         this.view = new PropertySelectView(content, {
             consumer: this, metadata: options.metadata, root: article.dataset.propertyRoot,
             advice: options.advice, stateKey: article.dataset.selectorKey, stateMode: 'session',
             stateStore: new HttpStateStore(undefined, undefined, initial && {
                 ...initial, key: article.dataset.selectorKey
-            }), usedPaths: this.paths()
+            }), translate, usedPaths: this.paths()
         }, { template: initial?.template, templateUrl: options.templateUrl });
         this.observer = new MutationObserver(records => {
             if (this.drag && records.some(record => record.target.tagName === 'TBODY'))
@@ -37,23 +47,36 @@ export class ListPropertySelect {
         this.button.addEventListener('click', () => this.pane.open(), { signal: this.abort.signal });
     }
     async loadColumn(path, signal) {
+        return (await this.loadColumns([path], this.paths(), signal, true)).get(path);
+    }
+    async loadColumns(paths, columns, signal, single = false) {
         const form = this.article.querySelector('form');
         const table = this.article.querySelector('table.objects');
         const rows = [...table.tBodies[0].rows];
         const ids = rows.map(row => row.querySelector('input[name=id]').value);
-        const query = new URLSearchParams({ column: path, rowIds: ids.join(',') });
-        const response = await fetch(`${form.action}?${query}`, {
-            signal: AbortSignal.any([signal, this.abort.signal])
-        });
-        const result = await response.json();
-        if (!response.ok)
+        const query = new URLSearchParams({ columns: columns.join(','), rowIds: ids.join(',') });
+        query.set(single ? 'column' : 'loadColumns', paths.join(','));
+        const combined = AbortSignal.any([signal, this.abort.signal]);
+        const response = this.options.request
+            ? await this.options.request(query, combined)
+            : await fetch(`${form.action}?${query}`, { signal: combined });
+        if (!response.ok) {
+            const result = await response.json();
             throw new Error(result.error ?? 'Column unavailable');
+        }
+        const result = single ? [await response.json()]
+            : (await response.json()).columns;
         signal.throwIfAborted();
         if (this.disposed || !this.article.isConnected || rows.some((row, index) => table.tBodies[0].rows[index] !== row)
             || rows.length !== table.tBodies[0].rows.length)
             throw new Error('The row view changed; try again');
-        if (result.path !== path)
+        if (!Array.isArray(result) || result.length !== paths.length
+            || paths.some(path => result.filter(column => column.path === path).length !== 1))
             throw new Error('Mismatched column response');
+        return new Map(result.map(column => [column.path, this.columnContent(column, ids, table)]));
+    }
+    columnContent(result, ids, table) {
+        const path = result.path;
         const values = new Map(result.rows.map(row => [String(row.id), row.html]));
         if (ids.some(id => !values.has(id)))
             throw new Error('The row scope changed; reload the list');
@@ -64,6 +87,16 @@ export class ListPropertySelect {
         input.name = `search.${encodeURIComponent(path).replaceAll('.', '%2E')}`;
         input.dataset.propertyFilter = path;
         input.setAttribute('aria-label', `Filter ${result.label}`);
+        const previous = [...table.tHead.rows[0].cells].find(header => header.dataset.property === path);
+        const previousInput = previous?.querySelector('input[data-property-filter]');
+        input.value = previousInput?.value ?? '';
+        if (previousInput && document.activeElement === previousInput)
+            requestAnimationFrame(() => {
+                if (!input.isConnected || document.activeElement !== document.body)
+                    return;
+                input.focus();
+                input.setSelectionRange(previousInput.selectionStart, previousInput.selectionEnd);
+            });
         header.append(result.label, input);
         const cells = ids.map(id => {
             const cell = document.createElement('td');
@@ -72,17 +105,32 @@ export class ListPropertySelect {
         });
         return { cells, header };
     }
-    async add(path, signal) {
+    add(path, signal, options = {}, load) {
         const source = this.columnSource(path);
-        const operation = this.options.addition.begin(source);
+        if (load)
+            source.load = load;
+        const operation = this.options.addition.begin(source, options);
         try {
-            await this.validateColumn(path, signal);
             signal.throwIfAborted();
             if (this.disposed)
                 throw new Error('List disposed');
+            const position = this.removedColumns.get(path);
+            if (position) {
+                const headers = [...this.article.querySelectorAll('thead [data-property]:not(.column-add-provisional)')];
+                const left = headers.find(header => header.dataset.property === position.left);
+                const right = headers.find(header => header.dataset.property === position.right);
+                const anchor = left ?? right;
+                if (anchor) {
+                    let index = anchor.cellIndex + (left ? 1 : 0);
+                    if (operation.header.cellIndex < index)
+                        index--;
+                    operation.moveTo(index);
+                }
+            }
             const outcome = operation.commit();
-            await this.options.saveColumns();
-            this.view.selector.setConfiguration({ usedPaths: this.paths() });
+            this.removedColumns.delete(path);
+            if (!this.batch)
+                this.view.selector.setConfiguration({ usedPaths: this.paths() });
             return outcome;
         }
         catch (error) {
@@ -91,24 +139,17 @@ export class ListPropertySelect {
         }
     }
     begin(intent, sample) {
-        if (this.disposed || this.drag || this.pending.size)
+        if (this.disposed || this.batch || this.drag || this.pending.size)
             throw new Error('A column operation is pending');
         const path = normalisePath(intent.path);
-        const paths = this.paths();
+        const added = !this.paths().includes(path);
         const suspension = this.pane.suspend({ mobileOnly: true });
         try {
-            let drop;
-            const dropped = new Promise(resolve => { drop = resolve; });
-            const source = this.columnSource(path);
-            // Existing columns already have their metadata and cells. Only new drops need admission.
-            if (!paths.includes(path))
-                source.accept = async (signal) => {
-                    await dropped;
-                    signal.throwIfAborted();
-                    await this.validateColumn(path, signal);
-                };
-            const operation = this.options.addition.beginExternal(source, sample);
-            this.drag = { drop, intent, operation, paths, restore: () => suspension.restore() };
+            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();
@@ -116,10 +157,17 @@ export class ListPropertySelect {
         }
     }
     columnSource(path) {
-        const result = this.view.selector.search.results.find(result => result.property.path === path);
-        const property = result?.property || this.view.selector.context?.properties.find(property => property.path === path);
-        const label = result ? [...result.segments.map(segment => segment.label), result.property.label].join('.')
-            : property?.label || path;
+        const selector = this.view.selector;
+        const row = this.content.querySelector(`.ps-property[data-path="${CSS.escape(path)}"]`);
+        const result = selector.search.results.find(result => result.property.path === path);
+        const properties = selector.branchContexts.flatMap(context => context.properties);
+        const label = row?.title || selector.usedProperties.find(property => property.path === path)?.label
+            || path.split('.').map((name, index, names) => {
+                const prefix = names.slice(0, index + 1).join('.');
+                return properties.find(property => property.path === prefix)?.label
+                    || result?.segments.find(segment => segment.path === prefix)?.label
+                    || (prefix === path ? result?.property.label || row?.querySelector('.ps-main')?.textContent : '') || name;
+            }).join('.');
         return {
             id: path,
             create: () => {
@@ -127,33 +175,27 @@ export class ListPropertySelect {
                 header.dataset.property = path;
                 header.dataset.sortable = 'false';
                 header.textContent = label;
+                const input = document.createElement('input');
+                input.name = `search.${encodeURIComponent(path).replaceAll('.', '%2E')}`;
+                input.dataset.propertyFilter = path;
+                input.setAttribute('aria-label', `Filter ${label}`);
+                header.append(input);
                 const cells = [...this.article.querySelectorAll('table.objects tbody tr')]
-                    .map(() => document.createElement('td'));
+                    .map(() => {
+                    const cell = document.createElement('td');
+                    cell.textContent = '\u00a0';
+                    return cell;
+                });
                 return { cells, header };
             },
             load: async (signal) => {
+                // Commit the placeholder before reading the column configuration.
+                await Promise.resolve();
                 signal.throwIfAborted();
-                try {
-                    return await this.loadColumn(path, signal);
-                }
-                catch (error) {
-                    if (!this.disposed && !signal.aborted)
-                        this.previewError(path);
-                    throw error;
-                }
+                return this.loadColumn(path, signal);
             }
         };
     }
-    async validateColumn(path, signal) {
-        const form = this.article.querySelector('form');
-        const query = new URLSearchParams({ column: path, validate: '1' });
-        const response = await fetch(`${form.action}?${query}`, {
-            signal: AbortSignal.any([signal, this.abort.signal])
-        });
-        const result = await response.json();
-        if (!response.ok || result.path !== path)
-            throw new Error(result.error ?? 'Column unavailable');
-    }
     cancel(id) {
         if (this.drag?.intent.id !== id)
             return;
@@ -163,24 +205,10 @@ export class ListPropertySelect {
         drag.restore();
         this.view.selector.setConfiguration({ usedPaths: this.paths() });
     }
-    previewError(path) {
-        const header = [...this.article.querySelectorAll('thead [data-property]')]
-            .find(header => header.dataset.property === path);
-        if (!header)
-            return;
-        for (const row of this.article.querySelectorAll('tbody tr'))
-            row.cells[header.cellIndex].textContent = 'Unable to load values';
-        if (header.querySelector('.column-retry'))
-            return;
-        const retry = document.createElement('button');
-        retry.type = 'button';
-        retry.className = 'column-retry';
-        retry.textContent = 'Retry values';
-        retry.addEventListener('click', event => {
-            event.stopPropagation();
-            void this.options.addition.retry(path);
-        }, { signal: this.abort.signal });
-        header.append(retry);
+    displayedPaths() {
+        return [...this.article.querySelectorAll('thead [data-property]:not(.column-add-provisional)')]
+            .map(header => header.dataset.property)
+            .filter(path => !this.removals.has(path) || this.removals.get(path).signal.aborted);
     }
     dispose() {
         if (this.disposed)
@@ -190,22 +218,30 @@ export class ListPropertySelect {
         this.disposed = true;
         this.abort.abort();
         this.observer.disconnect();
+        this.unsubscribePane();
+        this.removedColumns.clear();
         this.view.dispose();
         this.pane.remove();
         this.options.addition.dispose();
         this.button.hidden = true;
         this.pending.clear();
+        for (const removal of this.removals.values())
+            removal.abort();
+        this.removals.clear();
     }
     async end(id, sample) {
         const drag = this.drag;
         if (!drag || drag.intent.id !== id)
             throw new Error('Unknown column transport');
         try {
-            const finished = drag.operation.finish(sample);
-            drag.drop();
-            const status = await finished;
-            if (status !== 'cancelled')
-                await this.options.saveColumns();
+            let status = await drag.operation.finish(sample);
+            if (status !== 'cancelled') {
+                this.removedColumns.delete(drag.intent.path);
+                if (status === 'moved' && this.displayedPaths().join(',') !== drag.paths.join(','))
+                    await this.options.saveColumns();
+                if (drag.added && status === 'moved')
+                    status = 'added';
+            }
             if (this.disposed)
                 return { ...drag.intent, status: 'cancelled' };
             if (this.drag === drag)
@@ -234,26 +270,77 @@ export class ListPropertySelect {
             this.drag.operation.move(sample);
     }
     paths() {
-        if (this.drag)
-            return [...this.drag.paths];
-        return [...this.article.querySelectorAll('thead [data-property]:not(.column-add-provisional)')]
-            .map(header => header.dataset.property);
+        return this.drag ? [...this.drag.paths] : this.displayedPaths();
+    }
+    async remove(path, signal) {
+        const positions = this.removedColumns;
+        const paths = this.paths();
+        const index = paths.indexOf(path);
+        const position = { left: paths[index - 1], right: paths[index + 1] };
+        const removal = new AbortController();
+        this.removals.set(path, removal);
+        // Publish the unchecked state before starting the table's removal flash.
+        this.view.selector.setConfiguration({ usedPaths: this.paths() });
+        try {
+            const animation = this.options.addition.remove(path, AbortSignal.any([signal, removal.signal]));
+            const saving = this.options.saveColumns(this.paths());
+            const [animationResult, saved] = await Promise.allSettled([animation, saving]);
+            if (animationResult.status === 'rejected')
+                throw animationResult.reason;
+            if (saved.status === 'rejected')
+                throw saved.reason;
+            const removed = animationResult.value;
+            if (!removed) {
+                if (removal.signal.aborted && !signal.aborted && !this.disposed) {
+                    await this.options.saveColumns(this.paths());
+                    return 'existing';
+                }
+                throw new Error('Column removal cancelled');
+            }
+            if (!this.disposed && positions === this.removedColumns && index >= 0)
+                positions.set(path, position);
+            return 'removed';
+        }
+        catch (error) {
+            removal.abort();
+            throw error;
+        }
+        finally {
+            if (this.removals.get(path) === removal)
+                this.removals.delete(path);
+            if (!this.disposed)
+                this.view.selector.setConfiguration({ usedPaths: this.paths() });
+        }
     }
     async select(intent, signal) {
         const path = normalisePath(intent.path);
         try {
-            if (this.drag)
-                throw new Error('A column transport is pending');
+            if (this.drag || this.batch)
+                throw new Error('A column operation is pending');
             let status;
             const pending = this.pending.get(path);
             if (pending) {
-                await pending;
+                const removal = this.removals.get(path);
+                if (removal && !removal.signal.aborted) {
+                    removal.abort();
+                    this.view.selector.setConfiguration({ usedPaths: this.paths() });
+                }
+                else if (removal && intent.action !== 'add') {
+                    await pending;
+                    return this.select(intent, signal);
+                }
+                const outcome = await pending;
+                if (removal && outcome === 'removed')
+                    return this.select({ ...intent, action: 'add' }, signal);
                 status = 'existing';
             }
-            else if (this.paths().includes(path))
-                status = 'existing';
             else {
-                const operation = this.add(path, signal);
+                const existing = this.paths().includes(path);
+                const operation = existing && (intent.action !== 'add')
+                    ? this.remove(path, signal)
+                    : existing
+                        ? Promise.resolve('existing')
+                        : Promise.resolve(this.add(path, signal));
                 this.pending.set(path, operation);
                 try {
                     status = await operation;
@@ -266,12 +353,78 @@ export class ListPropertySelect {
             signal.throwIfAborted();
             if (this.disposed)
                 throw new Error('List disposed');
-            this.options.addition.reveal(path);
-            this.options.addition.highlight(path);
+            if (status !== 'removed' && this.paths().includes(path)) {
+                this.options.addition.reveal(path);
+                if (status === 'existing')
+                    this.options.addition.highlight(path);
+            }
             return { ...intent, status };
         }
         catch (error) {
             return { ...intent, message: error instanceof Error ? error.message : 'Column unavailable', status: 'rejected' };
         }
     }
+    async selectMany(intents, signal) {
+        if (!intents.length)
+            return [];
+        if (this.batch || this.drag || this.pending.size || this.disposed)
+            return intents.map(intent => ({ ...intent, status: 'rejected', message: 'A column operation is pending' }));
+        this.batch = true;
+        const previous = this.paths();
+        const added = intents.filter(intent => !previous.includes(intent.path)).map(intent => intent.path);
+        const removed = intents.filter(intent => previous.includes(intent.path) && intent.action !== 'add')
+            .map(intent => intent.path);
+        const paths = [...previous.filter(path => !removed.includes(path)), ...added];
+        const abort = new AbortController();
+        const combined = AbortSignal.any([signal, this.abort.signal, abort.signal]);
+        let receive;
+        let fail;
+        const content = new Promise((resolve, reject) => { receive = resolve; fail = reject; });
+        void content.catch(() => { });
+        try {
+            for (const path of removed)
+                this.removals.set(path, abort);
+            for (const path of added) {
+                let first = true;
+                this.add(path, combined, { effects: 'deferred' }, signal => {
+                    if (!first)
+                        return this.loadColumn(path, signal);
+                    first = false;
+                    return content.then(content => content.get(path));
+                });
+            }
+            this.view.selector.setConfiguration({ usedPaths: this.paths() });
+            if (added.length)
+                this.options.addition.reveal(added.at(-1));
+            this.options.addition.highlightMany(added, true);
+            const animation = removed.length ? this.options.addition.removeMany(removed, combined) : Promise.resolve(true);
+            const request = this.loadColumns(added, paths, combined).then(receive, error => { fail(error); throw error; });
+            const [animated, loaded] = await Promise.allSettled([animation, request]);
+            if (animated.status === 'rejected')
+                throw animated.reason;
+            if (loaded.status === 'rejected')
+                throw loaded.reason;
+            if (!animated.value)
+                throw new Error('Column removal cancelled');
+            for (const path of removed) {
+                const index = previous.indexOf(path);
+                this.removedColumns.set(path, { left: previous[index - 1], right: previous[index + 1] });
+            }
+            return intents.map(intent => ({ ...intent, status: added.includes(intent.path) ? 'added'
+                    : removed.includes(intent.path) ? 'removed' : 'existing' }));
+        }
+        catch (error) {
+            fail(error);
+            return intents.map(intent => ({ ...intent, status: 'rejected',
+                message: error instanceof Error ? error.message : 'Columns unavailable' }));
+        }
+        finally {
+            for (const path of removed)
+                if (this.removals.get(path) === abort)
+                    this.removals.delete(path);
+            this.batch = false;
+            if (!this.disposed)
+                this.view.selector.setConfiguration({ usedPaths: this.paths() });
+        }
+    }
 }