@itrocks/list 0.13.4 → 0.16.3

package/README.md

@@ -152,11 +152,12 @@ missing representative fields fail explicitly. Plural paths through a relationsh
 are refused before SQL.
 
 Direct collections display representative values separated by commas. A collection decorated with
-[`@Component()`](https://github.com/itrocks-ts/composition) uses its structured table output. The optional
-`@MultipleOutput('commas' | 'lines')` property decorator from `@itrocks/list/multiple-output` overrides this default.
-`'lines'` displays ordinary collections as a list and keeps component collections as a table. `'commas'` displays
-representative values on one line, including for components. `multipleOutputOf(type, property)` returns the effective
-mode and inherits explicit property metadata. For example:
+[`@Component()`](https://github.com/itrocks-ts/composition) displays up to eight representative values separated by
+commas. From nine values, it displays the count followed by the translated plural name of the destination type.
+Component collections never render a nested table in a list cell. The optional
+`@MultipleOutput('commas' | 'lines')` property decorator from `@itrocks/list/multiple-output` controls ordinary
+collections; `'lines'` displays them as a list.
+`multipleOutputOf(type, property)` returns the effective mode and inherits explicit property metadata. For example:
 
 ```ts
 import { MultipleOutput } from '@itrocks/list/multiple-output'
@@ -184,16 +185,35 @@ 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; changing the row view while loading rejects the obsolete response with a retry message. Click requests await
-their data before committing a new column. Desktop drags create immediate placeholder columns through the public
-table external transaction. The header contains each
-label and its filter together, so it uses the table addition plugin's single-header contract.
+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.
 
 `npm test` runs the server contracts; `test/property-select.test.mjs` covers projection, representation, scope, path
 configuration, filters and ordering. Real framework/browser proof is tracked by the property-select L2-LIST delivery.
@@ -212,21 +232,25 @@ do not affect it. The rendered article supplies this opaque key to the browser.
 Writes echo the opaque `X-Property-Select-Session` token returned by a read. It cannot identify or authenticate a user;
 it prevents a mounted selector from writing its old state into a new session.
 
+The initial HTML response carries the configured selector bootstrap, including metadata, template, state revision
+and session generation. Mounting consumes this snapshot without application requests or state writes. Metadata is
+shared by navigation, suggestions and selection; unchanged column paths do not rebuild suggestions.
+
 The public browser `@itrocks/list/selector-state.js` exports `HttpStateStore`, using same-origin credentials and
-no-store requests. `ListSelectorOptions.advice` supplies configured destinations. List column changes refresh used
-paths; only a confirmed new addition feeds the selector's recents. The browser displays recoverable persistence errors.
+no-store requests. Its optional third constructor argument `{ generation, key, record }` supplies the initial read;
+subsequent reads, including conflict recovery, use the server. `ListSelectorOptions.advice` supplies configured
+destinations. List column changes refresh used paths; only a confirmed new addition feeds the selector's recents.
+The browser displays recoverable persistence errors.
 
 ## External column transport
 
-The list consumer supplies immediate cells, authorises admission and loads the current visible 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.
 
@@ -234,3 +258,17 @@ The consumer requests `pane.suspend({ mobileOnly: true })` only when a source ge
 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`.
+
+`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,
+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.

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/access.d.ts

@@ -1,6 +1,8 @@
 import { Request } from '@itrocks/action-request';
+import type { StateRecord } from '@itrocks/property-select';
 export type ListAccess = {
     authorise(path: string): Promise<void>;
+    bootstrap?(paths: string[], state: StateRecord): Promise<object>;
     root?: string;
 };
 export type ListDependencies = {

package/cjs/access.js.map

@@ -1 +1 @@
-{"version":3,"file":"access.js","sourceRoot":"","sources":["../src/access.ts"],"names":[],"mappings":";;AAUA,sCAGC;AAED,gCAGC;AAVD,MAAM,YAAY,GAAqB,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAE9F,SAAgB,aAAa,CAAC,SAAoC;IAEjE,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AACvC,CAAC;AAED,SAAgB,UAAU,CAAC,OAAgB;IAE1C,OAAO,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AACpC,CAAC"}
+{"version":3,"file":"access.js","sourceRoot":"","sources":["../src/access.ts"],"names":[],"mappings":";;AAYA,sCAGC;AAED,gCAGC;AAVD,MAAM,YAAY,GAAqB,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAE9F,SAAgB,aAAa,CAAC,SAAoC;IAEjE,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AACvC,CAAC;AAED,SAAgB,UAAU,CAAC,OAAgB;IAE1C,OAAO,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AACpC,CAAC"}

package/cjs/list.html

@@ -15,7 +15,7 @@
 
 	<!--#main-->
 	<article data-action="list" data-class="{type.name}" data-route="{type.@route}" data-property-root="{?root}"
-		data-selector-key="{?selectorKey}">
+		data-selector-key="{?selectorKey}" data-selector-bootstrap="{?selectorBootstrap}">
 		<header>
 			<h2>{type.@output.ucFirst} list</h2>
 			<button class="add-column" hidden type="button" aria-label="Add column">+</button>

package/cjs/list.js

@@ -52,11 +52,12 @@ const persist_1 = require("./persist");
 const persist_2 = require("./persist");
 const projection_1 = require("./projection");
 const selector_state_1 = require("./selector-state");
+const selector_state_2 = require("./selector-state");
 const sort_1 = require("./sort");
 var access_2 = require("./access");
 Object.defineProperty(exports, "listDependsOn", { enumerable: true, get: function () { return access_2.listDependsOn; } });
 let List = (() => {
-    let _classDecorators = [(0, action_3.Need)('Store', 'new'), (0, route_1.Route)('/list')];
+    let _classDecorators = [(0, action_2.Need)('Store', 'new'), (0, route_1.Route)('/list')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -88,7 +89,7 @@ let List = (() => {
                 for (const field of column.fields ?? [])
                     await access.authorise(`${column.name}.${field}`);
             }
-            if (request.request.data.columns !== undefined) {
+            if (request.request.data.columns !== undefined && typeof request.request.data.column !== 'string') {
                 (0, persist_2.save)(this, request.request, type);
                 return this.htmlResponse('', 204);
             }
@@ -116,7 +117,7 @@ let List = (() => {
                     const ids = request.request.data.rowIds;
                     if (typeof ids !== 'string')
                         throw new Error('Visible row identities are required');
-                    const result = await (0, columns_2.projectColumns)(type, [column], search, [new storage_2.Identifiers(ids ? ids.split(',') : [])]);
+                    const result = await (0, columns_2.projectColumns)(type, [column], search, [new storage_1.Identifiers(ids ? ids.split(',') : [])]);
                     return this.jsonResponse({
                         label: column.label, path, sortable: column.sortable,
                         rows: await Promise.all(result.rows.map(async (row) => ({
@@ -125,7 +126,7 @@ let List = (() => {
                     });
                 }
                 catch (error) {
-                    const message = error instanceof storage_3.SelectionError && error.code === 'multiple-values'
+                    const message = error instanceof storage_2.SelectionError && error.code === 'multiple-values'
                         ? 'This path has multiple values and cannot be displayed as a column.'
                         : error instanceof Error ? error.message : 'Column unavailable';
                     return this.jsonResponse({ error: message }, 400);
@@ -135,19 +136,25 @@ let List = (() => {
             if (feed.offset) {
                 return this.htmlTemplateResponse({ objects, type }, request, feed.template);
             }
-            const count = await (0, storage_1.dataSource)().count(type, search);
+            const count = await (0, storage_3.dataSource)().count(type, search);
             const route = (0, route_2.routeOf)(this);
             const generalActions = [];
             const selectionActions = [];
-            for (const action of (0, action_2.getActions)(type, route.slice(route.lastIndexOf('/') + 1))) {
+            for (const action of (0, action_3.getActions)(type, route.slice(route.lastIndexOf('/') + 1))) {
                 const actions = (action.need === 'object') ? selectionActions : generalActions;
                 actions.push(action);
             }
+            let selectorBootstrap;
+            if (access.bootstrap) {
+                const state = await (0, selector_state_1.selectorStateBootstrap)(request);
+                const metadata = await access.bootstrap([...columns].map(column => column.name), state.record);
+                selectorBootstrap = encodeURIComponent(JSON.stringify({ ...state, ...metadata }));
+            }
             return this.htmlTemplateResponse({ columns, count, generalActions, objects, root: access.root, search: filter.search,
-                selectionActions, selectorKey: (0, selector_state_1.selectorStateKey)(request), type }, request, __dirname + '/list.html');
+                selectionActions, selectorBootstrap, selectorKey: (0, selector_state_2.selectorStateKey)(request), type }, request, __dirname + '/list.html');
         }
         async json(request, scope) {
-            const objects = await (0, storage_1.dataSource)().search(request.type, scope);
+            const objects = await (0, storage_3.dataSource)().search(request.type, scope);
             return this.jsonResponse(objects);
         }
     };

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/multiple-output.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultipleOutput = MultipleOutput;
 exports.multipleOutputOf = multipleOutputOf;
-const composition_1 = require("@itrocks/composition");
 const property_1 = require("@itrocks/decorator/property");
 const property_2 = require("@itrocks/decorator/property");
 const MULTIPLE_OUTPUT = Symbol('multiple-output');
@@ -10,7 +9,6 @@ function MultipleOutput(mode) {
     return (0, property_1.decorate)(MULTIPLE_OUTPUT, mode);
 }
 function multipleOutputOf(target, property) {
-    return (0, property_2.decoratorOf)(target, property, MULTIPLE_OUTPUT)
-        ?? ((0, composition_1.componentOf)(target, property) ? 'lines' : 'commas');
+    return (0, property_2.decoratorOf)(target, property, MULTIPLE_OUTPUT) ?? 'commas';
 }
 //# sourceMappingURL=multiple-output.js.map

package/cjs/multiple-output.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiple-output.js","sourceRoot":"","sources":["../src/multiple-output.ts"],"names":[],"mappings":";;AASA,wCAGC;AAED,4CAIC;AAjBD,sDAAmD;AACnD,0DAA0D;AAC1D,0DAA0D;AAI1D,MAAM,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;AAEjD,SAAgB,cAAc,CAAmB,IAAwB;IAExE,OAAO,IAAA,mBAAQ,EAAI,eAAe,EAAE,IAAI,CAAC,CAAA;AAC1C,CAAC;AAED,SAAgB,gBAAgB,CAAmB,MAAuB,EAAE,QAAiB;IAE5F,OAAO,IAAA,sBAAW,EAAoC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC;WACpF,CAAC,IAAA,yBAAW,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;AACzD,CAAC"}
+{"version":3,"file":"multiple-output.js","sourceRoot":"","sources":["../src/multiple-output.ts"],"names":[],"mappings":";;AAQA,wCAGC;AAED,4CAGC;AAfD,0DAA0D;AAC1D,0DAA0D;AAI1D,MAAM,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;AAEjD,SAAgB,cAAc,CAAmB,IAAwB;IAExE,OAAO,IAAA,mBAAQ,EAAI,eAAe,EAAE,IAAI,CAAC,CAAA;AAC1C,CAAC;AAED,SAAgB,gBAAgB,CAAmB,MAAuB,EAAE,QAAiB;IAE5F,OAAO,IAAA,sBAAW,EAAoC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,QAAQ,CAAA;AACrG,CAAC"}

package/cjs/projection.d.ts

@@ -17,6 +17,7 @@ export declare class ListColumn {
     readonly multiple: boolean;
     readonly property: ReturnType<typeof resolvePropertyPath>['property'];
     readonly sortable: boolean;
+    readonly target?: Type;
     reverse: boolean;
     search: string;
     sort?: number;

package/cjs/projection.js

@@ -5,6 +5,7 @@ exports.listRepresentationDependsOn = listRepresentationDependsOn;
 exports.representationFields = representationFields;
 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 core_transformers_1 = require("@itrocks/core-transformers");
 const core_transformers_2 = require("@itrocks/core-transformers");
@@ -29,7 +30,7 @@ function representationFields(type, ancestors = [], property) {
     const fields = dependencies.fields?.(type, branch, property);
     if (!fields && property && (0, transformer_4.resolveTransformer)(property.class.type, property.name, transformer_2.HTML, transformer_3.OUTPUT) !== core_transformers_2.storeOutput)
         throw new storage_1.SelectionError('unsupported-selection', 'Undeclared custom object representation');
-    return (fields ?? (0, class_view_1.representativeOf)(type).map(String)).flatMap(path => {
+    return (fields ?? (0, class_view_2.representativeOf)(type).map(String)).flatMap(path => {
         const resolved = (0, reflect_path_2.resolvePropertyPath)(type, path);
         if (resolved.targetMultiplicity !== 'one')
             throw new storage_1.SelectionError('unsupported-selection', path);
@@ -46,6 +47,7 @@ class ListColumn {
     multiple;
     property;
     sortable;
+    target;
     reverse = false;
     search = '';
     sort;
@@ -60,6 +62,7 @@ class ListColumn {
             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 (resolved.target && !this.multiple)
             this.fields = representationFields(resolved.target, [], resolved.property);
@@ -71,11 +74,18 @@ class ListColumn {
             return '<span class="unavailable">Unavailable</span>';
         if (this.fields && this.fields.some(field => !cell.loadedFields?.includes(field)))
             throw new storage_1.SelectionError('unsupported-selection', this.name);
-        const mode = this.multiple ? (0, multiple_output_1.multipleOutputOf)(this.property.class.type, this.property.name) : undefined;
-        if (this.multiple && (mode === 'commas')
-            && (0, composition_1.componentOf)(this.property.class.type, this.property.name)) {
-            return (await Promise.all(cell.value.map(class_view_2.representativeValueOf))).sort().join(', ');
+        if (this.multiple && (0, composition_1.componentOf)(this.property.class.type, this.property.name)) {
+            const values = cell.value;
+            if (values.length >= 9) {
+                const name = this.target
+                    ? (0, class_view_1.displayOf)(this.target)
+                    : (0, property_view_1.displayOf)(this.property.class.type, this.property.name);
+                const plural = name.endsWith('y') ? name.slice(0, -1) + 'ies' : name + 's';
+                return `${values.length} ${(0, translate_1.tr)(plural)}`;
+            }
+            return (await Promise.all(values.map(class_view_3.representativeValueOf))).sort().join(', ');
         }
+        const mode = this.multiple ? (0, multiple_output_1.multipleOutputOf)(this.property.class.type, this.property.name) : undefined;
         const lines = this.multiple && (mode === 'lines');
         return await (0, transformer_1.applyTransformer)(cell.value, this.property.class.type, this.property.name, transformer_2.HTML, transformer_3.OUTPUT, new core_transformers_1.HtmlContainer(false, !this.multiple || lines));
     }

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/cjs/selector-state.d.ts

@@ -8,6 +8,10 @@ export declare function listStateDependsOn(dependencies: {
 }): void;
 /** Keep all router-resolved identity segments; format and query are presentation parameters. */
 export declare function selectorStateKey(request: Request): string;
+export declare function selectorStateBootstrap(request: Request): Promise<{
+    generation: string;
+    record: StateRecord;
+}>;
 export declare class SessionStateStore {
     private readonly session;
     private readonly run;

package/cjs/selector-state.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectorStateAction = exports.SessionStateStore = void 0;
 exports.listStateDependsOn = listStateDependsOn;
 exports.selectorStateKey = selectorStateKey;
+exports.selectorStateBootstrap = selectorStateBootstrap;
 const action_1 = require("@itrocks/action");
 const action_request_1 = require("@itrocks/action-request");
 const property_select_1 = require("@itrocks/property-select");
@@ -18,6 +19,15 @@ function listStateDependsOn(dependencies) {
 function selectorStateKey(request) {
     return request.route + (request.ids.length ? '/' + request.ids.join(',') : '') + '/' + request.action;
 }
+function selectorStateBootstrap(request) {
+    return transaction(request.request.session, data => {
+        data.propertySelectGeneration ??= (0, node_crypto_1.randomUUID)();
+        return {
+            generation: data.propertySelectGeneration,
+            record: structuredClone(data.propertySelect?.[selectorStateKey(request)] ?? { revision: 0 })
+        };
+    });
+}
 class SessionStateStore {
     session;
     run;

package/cjs/selector-state.js.map

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

package/list.css

@@ -41,7 +41,7 @@ table.objects tr td, table.objects tr th {
   padding: 0.6em;
   white-space: nowrap;
 }
-table.objects tr td:last-child, table.objects tr th:last-child {
+table.objects tr td:nth-last-child(1 of :not([hidden])), table.objects tr th:nth-last-child(1 of :not([hidden])) {
   border-right: 1px solid #d8d8d8;
 }
 table.objects tr.properties > .select > input[name=select] {
@@ -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");
 }

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.4"
+	"version": "0.16.3"
 }

package/property-select.d.ts

@@ -1,8 +1,8 @@
 import { PropertySelectView } from '@itrocks/property-select/front/property-select.js';
 import type { ConsumerPort } from '@itrocks/property-select/property-select.js';
 import type { MetadataProvider } from '@itrocks/property-select/property-select.js';
-import type { PointerSample } from '@itrocks/property-select/property-select.js';
 import type { Outcome } from '@itrocks/property-select/property-select.js';
+import type { PointerSample } from '@itrocks/property-select/property-select.js';
 import type { SelectionIntent } from '@itrocks/property-select/property-select.js';
 import { TableColumnAdd } from '@itrocks/table/column-add.js';
 export type PaneHandle = {
@@ -25,7 +25,8 @@ 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 {
@@ -33,22 +34,28 @@ export declare class ListPropertySelect implements ConsumerPort {
     private readonly options;
     private readonly abort;
     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 add;
     begin(intent: SelectionIntent, sample: PointerSample): void;
+    private columnSource;
     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>;
 }

package/property-select.js

@@ -6,23 +6,36 @@ export class ListPropertySelect {
     options;
     abort = new AbortController();
     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(), usedPaths: this.paths()
-        }, { templateUrl: options.templateUrl });
+            stateStore: new HttpStateStore(undefined, undefined, initial && {
+                ...initial, key: article.dataset.selectorKey
+            }), 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'))
                 this.view.selector.cancel(this.drag.intent.id, 'row view changed');
@@ -37,10 +50,11 @@ export class ListPropertySelect {
         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 query = new URLSearchParams({ column: path, columns: this.paths().join(','), rowIds: ids.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 });
         const result = await response.json();
         if (!response.ok)
             throw new Error(result.error ?? 'Column unavailable');
@@ -60,6 +74,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');
@@ -68,70 +92,94 @@ export class ListPropertySelect {
         });
         return { cells, header };
     }
-    async add(path, signal) {
-        const content = await this.loadColumn(path, signal);
-        const outcome = await this.options.addition.add({ create: () => content, id: path });
-        await this.options.saveColumns();
-        this.view.selector.setConfiguration({ usedPaths: this.paths() });
-        return outcome;
+    add(path, signal, options = {}) {
+        const source = this.columnSource(path);
+        const operation = this.options.addition.begin(source, options);
+        try {
+            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();
+            this.removedColumns.delete(path);
+            this.view.selector.setConfiguration({ usedPaths: this.paths() });
+            return outcome;
+        }
+        catch (error) {
+            operation.cancel();
+            throw error;
+        }
     }
     begin(intent, sample) {
         if (this.disposed || this.drag || this.pending.size)
             throw new Error('A column operation is pending');
         const path = normalisePath(intent.path);
-        const paths = this.paths();
-        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 added = !this.paths().includes(path);
         const suspension = this.pane.suspend({ mobileOnly: true });
         try {
-            let provisionalHeader;
-            const operation = this.options.addition.beginExternal({
-                id: path,
-                accept: async (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');
-                    if (provisionalHeader?.isConnected && result.label)
-                        provisionalHeader.textContent = result.label;
-                },
-                create: () => {
-                    const header = document.createElement('th');
-                    provisionalHeader = header;
-                    header.dataset.property = path;
-                    header.dataset.sortable = 'false';
-                    header.textContent = label;
-                    const cells = [...this.article.querySelectorAll('table.objects tbody tr')].map(() => {
-                        const cell = document.createElement('td');
-                        cell.textContent = 'Loading…';
-                        return cell;
-                    });
-                    return { cells, header };
-                },
-                load: async (signal) => {
-                    try {
-                        return await this.loadColumn(path, signal);
-                    }
-                    catch (error) {
-                        if (!this.disposed && !signal.aborted)
-                            this.previewError(path);
-                        throw error;
-                    }
-                }
-            }, sample);
-            this.drag = { 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();
             throw error;
         }
     }
+    columnSource(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: () => {
+                const header = document.createElement('th');
+                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(() => {
+                    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();
+                return this.loadColumn(path, signal);
+            }
+        };
+    }
     cancel(id) {
         if (this.drag?.intent.id !== id)
             return;
@@ -141,24 +189,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)
@@ -168,20 +202,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 status = await drag.operation.finish(sample);
-            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)
@@ -210,10 +254,42 @@ 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 saving = this.options.saveColumns(this.paths());
+            const animation = this.options.addition.remove(path, AbortSignal.any([signal, removal.signal]));
+            const [removed] = await Promise.all([animation, saving]);
+            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);
@@ -223,13 +299,27 @@ export class ListPropertySelect {
             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;
@@ -242,8 +332,11 @@ 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) {

package/selector-state.d.ts

@@ -5,8 +5,13 @@ import type { StateStore } from '@itrocks/property-select/property-select.js';
 export declare class HttpStateStore implements StateStore {
     private readonly endpoint;
     private readonly fetcher;
+    private initial?;
     private generation?;
-    constructor(endpoint?: string, fetcher?: typeof fetch);
+    constructor(endpoint?: string, fetcher?: typeof fetch, initial?: {
+        generation: string;
+        key: string;
+        record: StateRecord;
+    } | undefined);
     read(key: string, signal?: AbortSignal): Promise<StateRecord>;
     remove(key: string, revision: number): Promise<StateRecord>;
     write(key: string, state: SelectorState, revision: number): Promise<StateRecord>;

package/selector-state.js

@@ -3,12 +3,21 @@ import { StateConflictError } from '@itrocks/property-select/property-select.js'
 export class HttpStateStore {
     endpoint;
     fetcher;
+    initial;
     generation;
-    constructor(endpoint = '/property-select/state/json', fetcher = globalThis.fetch.bind(globalThis)) {
+    constructor(endpoint = '/property-select/state/json', fetcher = globalThis.fetch.bind(globalThis), initial) {
         this.endpoint = endpoint;
         this.fetcher = fetcher;
+        this.initial = initial;
     }
     read(key, signal) {
+        if (this.initial?.key === key) {
+            signal?.throwIfAborted();
+            const initial = this.initial;
+            this.initial = undefined;
+            this.generation = initial.generation;
+            return Promise.resolve(structuredClone(initial.record));
+        }
         return this.request('GET', key, undefined, undefined, signal);
     }
     remove(key, revision) {